Subversion Repositories SmartDukaan

                    + '<button class="btn btn-xs btn-success assign-visit-btn" '

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

                    + 'data-date="' + r.scheduleDate + '">Assign Visit</button>'

    // ---------- ASSIGN VISIT ----------

    var avContext = {authUserId: null, userName: '', date: '', allParties: []};

    $(document).on('click', '.assign-visit-btn', function () {

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

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

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

        avContext.allParties = [];

        $('#avTitle').text('Assign Visit — ' + avContext.userName + ' on ' + avContext.date);

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

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

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

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

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

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

        $.get(context + '/beatPlan/assignVisit/parties', {authUserId: avContext.authUserId})

                .done(function (r) {

                    var data = r.response || r;

                    avContext.allParties = data.parties || [];

                    if (!data.dtrUserId) {

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

                                'This user has no dtr.users record (cannot create visit tasks).</div>');

                        return;

                    }

                    renderAvParties(avContext.allParties);

                })

                .fail(function (xhr) {

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

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

                });

    });

    function renderAvParties(list) {

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

            $('#avPartyList').html('<div style="padding:20px; color:#999; text-align:center;">No parties found.</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="avSelectAll" title="Select all"></th>'

                + '<th>Code</th><th>Outlet</th><th>City</th>'

                + '<th style="width:220px;">Agenda</th>'

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

        list.forEach(function (p) {

            var safeName = (p.outletName || '').replace(/"/g, '"');

            html += '<tr>'

                    + '<td><input type="checkbox" class="av-party-chk" '

                    + 'data-fofoid="' + p.fofoStoreId + '" '

                    + 'data-name="' + safeName + '" '

                    + 'data-lat="' + (p.latitude || '') + '" '

                    + 'data-lng="' + (p.longitude || '') + '"></td>'

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

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

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

                    + '<td><input type="text" class="form-control input-sm av-party-agenda" '

                    + 'placeholder="e.g. Stock review" '

                    + 'data-fofoid="' + p.fofoStoreId + '"></td>'

                    + '</tr>';

        });

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

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

        updateAvSelectedCount();

    }

    // Search filter

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

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

        if (!q) {

            renderAvParties(avContext.allParties);

            return;

        }

        var filtered = avContext.allParties.filter(function (p) {

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

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

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

        });

        renderAvParties(filtered);

    });

    // Select all toggle

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

        $('.av-party-chk').prop('checked', this.checked);

        updateAvSelectedCount();

    });

    // Per-row checkbox

    $(document).on('change', '.av-party-chk', updateAvSelectedCount);

    function updateAvSelectedCount() {

        var n = $('.av-party-chk:checked').length;

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

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

    }

    // Apply the default agenda value to all currently-selected rows

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

        var def = $('#avDefaultAgenda').val();

        if (!def) {

            alert('Type an agenda first');

            return;

        }

        $('.av-party-chk:checked').each(function () {

            var fid = $(this).data('fofoid');

            $('.av-party-agenda[data-fofoid="' + fid + '"]').val(def);

        });

    });

    // Submit

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

        var picks = [];

        var missing = 0;

        $('.av-party-chk:checked').each(function () {

            var fid = parseInt($(this).data('fofoid'));

            var agenda = $('.av-party-agenda[data-fofoid="' + fid + '"]').val();

            agenda = agenda ? agenda.trim() : '';

            if (!agenda) missing++;

            picks.push({

                fofoStoreId: fid,

                outletName: $(this).data('name'),

                latitude: $(this).data('lat') ? String($(this).data('lat')) : null,

                longitude: $(this).data('lng') ? String($(this).data('lng')) : null,

                agenda: agenda

            });

        });

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

        if (missing > 0) {

            if (!confirm(missing + ' selected row(s) have no agenda. Submit anyway with default "Visit"?')) return;

        }

        var btn = $(this);

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

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

        $.ajax({

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

            type: 'POST',

            contentType: 'application/json',

            data: JSON.stringify({

                authUserId: avContext.authUserId,

                planDate: avContext.date,

                parties: picks

            }),

            success: function (r) {

                var d = r.response || r;

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

                btn.prop('disabled', false).text('Assign Selected');

                setTimeout(function () {

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

                }, 1200);

            },

            error: function (xhr) {

                var msg = 'Failed';

                try {

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

                } catch (e) {

                }

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

                btn.prop('disabled', false).text('Assign Selected');

            }

        });

    });

<!-- Assign Visit Modal -->

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

    <div class="modal-dialog" style="width:90%; max-width:900px; 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="avTitle">Assign Visit</h4>

            </div>

            <div class="modal-body">

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

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

                           placeholder="Agenda (applies to selected rows)" style="flex:1;">

                    <button type="button" class="btn btn-default btn-sm" id="avApplyAgenda"

                            title="Fill agenda into all selected rows">

                        Apply to Selected

                    </button>

                </div>

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

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

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

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

                </div>

                <div id="avPartyList"

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

                <div id="avMsg" 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="avSubmit" disabled>Assign Selected</button>

            </div>

        </div>

    </div>

</div>