Subversion Repositories SmartDukaan

                            // Add Lead is allowed for today AND future runs — a lead is a dated stop.

                            + ' <button class="btn btn-xs add-lead-btn"'

                            + ' style="background:#0d9488;color:#fff;border:none;"'

                            + ' data-userid="' + r.authUserId + '" data-username="' + r.userName + '"'

                            + ' data-beatid="' + r.beatId + '"'

                            + ' data-date="' + r.scheduleDate + '">Add Lead</button>'

    // ---------- ADD LEAD ----------

    // Routes the rep's assigned leads onto this scheduled beat/date. Writes an

    // APPROVED lead_route per pick via /beatPlan/leadsForBeat/submit.

    var alCtx = {authUserId: null, userName: '', beatId: null, date: '', allLeads: []};

    $(document).on('click', '.add-lead-btn', function () {

        alCtx.authUserId = $(this).data('userid');

        alCtx.userName = $(this).data('username') || '';

        alCtx.beatId = $(this).data('beatid');

        alCtx.date = $(this).data('date');

        alCtx.allLeads = [];

        $('#alTitle').text('Add Lead - ' + alCtx.userName + ' on ' + alCtx.date);

        $('#alSearch').val('');

        $('#alLeadList').html('<div style="padding:20px; color:#999; text-align:center;">Loading leads...</div>');

        $('#alMsg').text('');

        $('#alSelectedCount').text('0 selected');

        $('#alSubmit').prop('disabled', true);

        $('#addLeadModal').modal('show');

        $.get(context + '/beatPlan/assignedLeads', {

            authUserId: alCtx.authUserId,

            beatId: alCtx.beatId,

            date: alCtx.date

        }).done(function (r) {

            var data = r.response || r;

            alCtx.allLeads = data.rows || [];

            renderAlLeads(alCtx.allLeads);

        }).fail(function (xhr) {

            $('#alLeadList').html('<div style="padding:20px; color:#c62828; text-align:center;">' +

                    'Error loading leads: ' + (xhr.responseText || xhr.statusText) + '</div>');

        });

    });

    function renderAlLeads(list) {

        if (!list || list.length === 0) {

            $('#alLeadList').html('<div style="padding:20px; color:#999; text-align:center;">No active leads assigned to this user.</div>');

            return;

        }

        var html = '<table class="table table-condensed table-hover" style="margin-bottom:0; font-size:13px;">';

        html += '<thead><tr>'

                + '<th style="width:30px;"><input type="checkbox" id="alSelectAll" title="Select all"></th>'

                + '<th>Lead</th><th>Outlet</th><th>City</th><th>Stage</th><th style="width:80px;"></th>'

                + '</tr></thead><tbody>';

        list.forEach(function (p) {

            var onBeat = !!p.alreadyOnBeat;

            html += '<tr' + (onBeat ? ' style="opacity:.55;"' : '') + '>'

                    + '<td><input type="checkbox" class="al-lead-chk" data-lead="' + p.leadId + '"'

                    + (onBeat ? ' checked disabled' : '') + '></td>'

                    + '<td>' + (p.leadName || '') + (p.mobile ? ' <span style="color:#999;">· ' + p.mobile + '</span>' : '') + '</td>'

                    + '<td>' + (p.outletName || '') + '</td>'

                    + '<td>' + (p.city || '') + '</td>'

                    + '<td>' + (p.stage || '') + (p.hasGeo ? '' : ' <span class="label label-warning" title="No approved location">no geo</span>') + '</td>'

                    + '<td>' + (onBeat ? '<span class="label label-success">On beat</span>' : '') + '</td>'

                    + '</tr>';

        });

        html += '</tbody></table>';

        $('#alLeadList').html(html);

        updateAlSelectedCount();

    }

    $(document).on('input', '#alSearch', function () {

        var q = $(this).val().toLowerCase().trim();

        if (!q) {

            renderAlLeads(alCtx.allLeads);

            return;

        }

        var filtered = alCtx.allLeads.filter(function (p) {

            return (p.leadName || '').toLowerCase().indexOf(q) !== -1

                    || (p.outletName || '').toLowerCase().indexOf(q) !== -1

                    || (p.city || '').toLowerCase().indexOf(q) !== -1

                    || (p.mobile || '').toLowerCase().indexOf(q) !== -1;

        });

        renderAlLeads(filtered);

    });

    $(document).on('change', '#alSelectAll', function () {

        $('.al-lead-chk:not(:disabled)').prop('checked', this.checked);

        updateAlSelectedCount();

    });

    $(document).on('change', '.al-lead-chk', updateAlSelectedCount);

    function updateAlSelectedCount() {

        var n = $('.al-lead-chk:checked:not(:disabled)').length;

        $('#alSelectedCount').text(n + ' selected');

        $('#alSubmit').prop('disabled', n === 0);

    }

    $(document).on('click', '#alSubmit', function () {

        var ids = [];

        $('.al-lead-chk:checked:not(:disabled)').each(function () {

            ids.push(parseInt($(this).data('lead')));

        });

        if (ids.length === 0) return;

        var btn = $(this);

        btn.prop('disabled', true).text('Adding...');

        $('#alMsg').text('');

        $.ajax({

            url: context + '/beatPlan/leadsForBeat/submit',

            type: 'POST',

            contentType: 'application/json',

            data: JSON.stringify({

                authUserId: alCtx.authUserId,

                beatId: alCtx.beatId,

                date: alCtx.date,

                leadIds: ids

            }),

            success: function (r) {

                var d = r.response || r;

                $('#alMsg').html('<span style="color:#2e7d32;">' + (d.message || 'Saved') + '</span>');

                btn.prop('disabled', false).text('Add Leads');

                setTimeout(function () {

                    $('#addLeadModal').modal('hide');

                    loadDayView();

                }, 1200);

            },

            error: function (xhr) {

                var msg = 'Failed';

                try {

                    msg = (JSON.parse(xhr.responseText).response.message) || msg;

                } catch (e) {

                }

                $('#alMsg').html('<span style="color:#c62828;">' + msg + '</span>');

                btn.prop('disabled', false).text('Add Leads');

            }

        });

    });

<!-- Add Lead Modal -->

<div class="modal fade" id="addLeadModal" tabindex="-1" style="overflow-y:auto;">

    <div class="modal-dialog" style="width:90%; max-width:820px; margin-top:30px;">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title" id="alTitle">Add Lead</h4>

            </div>

            <div class="modal-body">

                <div style="display:flex; gap:10px; align-items:center; margin-bottom:10px;">

                    <input type="text" id="alSearch" class="form-control input-sm"

                           placeholder="Search by name, outlet, city or mobile..." style="flex:1;">

                    <span id="alSelectedCount" style="font-size:12px; color:#666;">0 selected</span>

                </div>

                <div id="alLeadList"

                     style="max-height:50vh; overflow-y:auto; border:1px solid #e5e5e5; border-radius:4px;"></div>

                <div id="alMsg" style="margin-top:10px; font-size:12px;"></div>

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>

                <button type="button" class="btn btn-success" id="alSubmit" disabled>Add Leads</button>

            </div>

        </div>

    </div>

</div>