Subversion Repositories SmartDukaan

// Manual geo verification — for cases where the prospect refused to tap the

// verification link. Team-member confirms lat/lng over phone (or pastes a

// Maps URL the prospect shared) and writes it APPROVED directly.

function ensureManualVerifyModal() {

    if ($('#manualVerifyGeoModal').length) return;

    var html =

        '<div id="manualVerifyGeoModal" class="modal" role="dialog" tabindex="-1">' +

        '  <div class="modal-dialog modal-lg">' +

        '    <div class="modal-content">' +

        '      <div class="modal-header">' +

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

        '        <h4 class="modal-title">Verify Lead Location Manually</h4>' +

        '      </div>' +

        '      <div class="modal-body" style="max-height:75vh;overflow-y:auto;">' +

        '        <input type="hidden" id="manualVerifyLeadId">' +

        '        <div class="form-group">' +

        '          <label>Address <small class="text-muted">(include city, state, pincode for best result)</small></label>' +

        '          <div class="input-group">' +

        '            <input type="text" class="form-control" id="manualVerifyAddress" placeholder="e.g. Shop 12, Sector 18, Noida, UP, 201301">' +

        '            <span class="input-group-btn">' +

        '              <button type="button" class="btn btn-default" id="manualVerifyGeocodeBtn">Find on map</button>' +

        '            </span>' +

        '          </div>' +

        '        </div>' +

        '        <div class="form-group">' +

        '          <label>Latitude, Longitude</label>' +

        '          <div class="input-group">' +

        '            <input type="text" class="form-control" id="manualVerifyLatLng" placeholder="28.6139,77.2090">' +

        '            <span class="input-group-btn">' +

        '              <button type="button" class="btn btn-default" id="manualVerifyPreviewBtn">Show on map</button>' +

        '            </span>' +

        '          </div>' +

        '          <small class="text-muted">You can also paste a Google Maps URL containing coords.</small>' +

        '        </div>' +

        '        <div class="form-group" id="manualVerifyMapWrap" style="display:none;">' +

        '          <label>Map preview <small class="text-muted">(confirm the pin is right)</small></label>' +

        '          <div style="border:1px solid #ddd;border-radius:3px;overflow:hidden;">' +

        '            <iframe id="manualVerifyMapFrame" width="100%" height="260" frameborder="0" style="border:0;" allowfullscreen></iframe>' +

        '          </div>' +

        '          <small><a href="#" id="manualVerifyOpenMap" target="_blank">Open in Google Maps</a></small>' +

        '        </div>' +

        '        <div class="form-group">' +

        '          <label>Store-board photo <span class="text-danger">*</span> <small class="text-muted">(required &mdash; proves the verification)</small></label>' +

        '          <input type="file" id="manualVerifyPhoto" accept="image/jpeg,image/png" required>' +

        '          <div id="manualVerifyPhotoPreview" style="margin-top:6px;display:none;">' +

        '            <img id="manualVerifyPhotoImg" src="" style="max-height:120px;border:1px solid #ddd;border-radius:3px;padding:2px;">' +

        '          </div>' +

        '        </div>' +

        '        <div class="form-group">' +

        '          <label>Remark <small class="text-muted">(optional)</small></label>' +

        '          <input type="text" class="form-control" id="manualVerifyRemark" placeholder="e.g. Confirmed on call with prospect">' +

        '        </div>' +

        '        <div id="manualVerifyErr" class="text-danger" style="display:none;"></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="manualVerifySaveBtn">Save &amp; Verify</button>' +

        '      </div>' +

        '    </div>' +

        '  </div>' +

        '</div>';

    $('body').append(html);

}

function manualVerifyShowMap(lat, lng) {

    var src = 'https://www.google.com/maps?q=' + lat + ',' + lng + '&z=17&output=embed';

    $('#manualVerifyMapFrame').attr('src', src);

    $('#manualVerifyOpenMap').attr('href', 'https://www.google.com/maps?q=' + lat + ',' + lng);

    $('#manualVerifyMapWrap').show();

}

// Parses raw "lat,lng" or a Google Maps URL containing the coords.

// Maps formats covered: /@lat,lng, /maps?q=lat,lng, ?ll=lat,lng, ?destination=lat,lng.

function parseLatLngInput(raw) {

    if (!raw) return null;

    var s = String(raw).trim();

    // Strip any leading "lat:" / "lng:" tokens

    var direct = s.match(/(-?\d{1,3}\.\d+)\s*,\s*(-?\d{1,3}\.\d+)/);

    if (direct) return {lat: parseFloat(direct[1]), lng: parseFloat(direct[2])};

    return null;

}

$(document).on('click', '.verifyGeoManual', function (e) {

    e.stopPropagation();

    var lid = $(this).data('leadid');

    ensureManualVerifyModal();

    $('#manualVerifyLeadId').val(lid);

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

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

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

    $('#manualVerifyErr').hide().text('');

    $('#manualVerifyMapWrap').hide();

    $('#manualVerifyMapFrame').attr('src', '');

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

    $('#manualVerifyPhotoImg').attr('src', '');

    $('#manualVerifyPhotoPreview').hide();

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

});

// Local thumbnail preview as soon as the user picks a file (no upload yet —

// upload happens on Save so we don't orphan documents on cancel).

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

    var f = this.files && this.files[0];

    if (!f) {

        $('#manualVerifyPhotoPreview').hide();

        return;

    }

    var reader = new FileReader();

    reader.onload = function (ev) {

        $('#manualVerifyPhotoImg').attr('src', ev.target.result);

        $('#manualVerifyPhotoPreview').show();

    };

    reader.readAsDataURL(f);

});

// Address -> coords via server (uses existing GeocodingService).

// On success, fills the lat/lng box and renders the map preview.

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

    var addr = ($('#manualVerifyAddress').val() || '').trim();

    if (!addr) {

        $('#manualVerifyErr').text('Enter an address first.').show();

        return;

    }

    $('#manualVerifyErr').hide();

    var btn = $(this);

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

    $.ajax({

        url: context + '/lead-geo/geocode-address',

        type: 'POST',

        data: {address: addr},

        success: function (resp) {

            btn.prop('disabled', false).text('Find on map');

            var r = resp && resp.response ? resp.response : resp;

            if (!r || !r.success) {

                $('#manualVerifyErr').text((r && r.message) || 'Could not geocode that address.').show();

                return;

            }

            $('#manualVerifyLatLng').val(r.latitude + ',' + r.longitude);

            manualVerifyShowMap(r.latitude, r.longitude);

        },

        error: function () {

            btn.prop('disabled', false).text('Find on map');

            $('#manualVerifyErr').text('Geocode request failed. Try again.').show();

        }

    });

});

// "Show on map" — re-render the iframe from whatever is in the lat/lng input.

// Useful after the user nudges the coords manually.

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

    var parsed = parseLatLngInput($('#manualVerifyLatLng').val());

    if (!parsed) {

        $('#manualVerifyErr').text('Enter latitude,longitude first.').show();

        return;

    }

    $('#manualVerifyErr').hide();

    manualVerifyShowMap(parsed.lat, parsed.lng);

});

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

    var lid = $('#manualVerifyLeadId').val();

    var raw = $('#manualVerifyLatLng').val();

    var remark = $('#manualVerifyRemark').val() || '';

    var parsed = parseLatLngInput(raw);

    if (!parsed) {

        $('#manualVerifyErr').text('Could not read latitude/longitude. Paste like 28.6139,77.2090').show();

        return;

    }

    if (parsed.lat < -90 || parsed.lat > 90 || parsed.lng < -180 || parsed.lng > 180

        || (parsed.lat === 0 && parsed.lng === 0)) {

        $('#manualVerifyErr').text('Latitude/longitude out of range.').show();

        return;

    }

    var fileInput = document.getElementById('manualVerifyPhoto');

    var pickedFile = fileInput && fileInput.files && fileInput.files[0];

    if (!pickedFile) {

        $('#manualVerifyErr').text('Please attach a store-board photo to verify.').show();

        return;

    }

    $('#manualVerifyErr').hide();

    var btn = $('#manualVerifySaveBtn');

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

    function callVerify(docId) {

        $.ajax({

            url: context + '/lead-geo/manual-verify',

            type: 'POST',

            data: {

                leadId: lid,

                latitude: parsed.lat,

                longitude: parsed.lng,

                remark: remark,

                imageDocumentId: docId || 0

            },

            success: function () {

                btn.prop('disabled', false).text('Save & Verify');

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

                // Replace the cell of this lead row with the Verified badge so

                // the user sees the result without reloading the whole list.

                var $cell = $('.verifyGeoManual[data-leadid="' + lid + '"]').closest('td');

                if ($cell.length) {

                    var photoBtn = docId > 0

                        ? '  <a href="' + context + '/open-attachment?documentId=' + docId + '" target="_blank" class="btn btn-xs btn-default" style="margin-bottom:2px;">View Photo</a>'

                        : '';

                    $cell.html(

                        '<div class="btn-group-vertical" style="width:100%">' +

                        '  <span class="label label-success" style="margin-bottom:4px;">Verified</span>' +

                        '  <a href="https://www.google.com/maps?q=' + parsed.lat + ',' + parsed.lng + '" target="_blank" class="btn btn-xs btn-default" style="margin-bottom:2px;">View Map</a>' +

                        photoBtn +

                        '  <button class="btn btn-xs btn-danger reject-geo" data-leadid="' + lid + '">Revoke</button>' +

                        '</div>'

                    );

                }

            },

            error: function (xhr) {

                btn.prop('disabled', false).text('Save & Verify');

                var msg = 'Failed to verify. Please try again.';

                try {

                    var j = xhr.responseJSON || JSON.parse(xhr.responseText || '{}');

                    if (j && j.response) msg = j.response;

                    else if (j && j.message) msg = j.message;

                } catch (e) {

                }

                $('#manualVerifyErr').text(msg).show();

            }

        });

    }

    // Upload first, then verify with the returned document id. Photo is

    // required (gate at the top of the handler), so we always go through this.

    btn.text('Uploading photo...');

    var formData = new FormData();

    formData.append('file', pickedFile, pickedFile.name || 'store-photo.jpg');

    $.ajax({

        url: context + '/lead-geo/upload-image',

        type: 'POST',

        data: formData,

        processData: false,

        contentType: false,

        success: function (resp) {

            var r = resp && resp.response ? resp.response : resp;

            var docId = r && (r.document_id || r.documentId || r.id);

            if (!docId) {

                btn.prop('disabled', false).text('Save & Verify');

                $('#manualVerifyErr').text('Photo upload failed. Try again or remove the photo.').show();

                return;

            }

            btn.text('Verifying...');

            callVerify(docId);

        },

        error: function () {

            btn.prop('disabled', false).text('Save & Verify');

            $('#manualVerifyErr').text('Photo upload failed. Try again or remove the photo.').show();

        }

    });

});