Subversion Repositories SmartDukaan

// Sidebar menu click handlers

$(document).on('click', '.wod-request-panel', function () {

    doGetAjaxRequestHandler(context + '/wod-request-panel', function (response) {

        $('#main-content').html(response);

        initFinServicePanel();

    });

});

$(document).on('click', '.wod-request-list', function () {

    doGetAjaxRequestHandler(context + '/wod-request-list', function (response) {

        $('#main-content').html(response);

    });

});

// Template Admin handlers

$(document).on('click', '.wod-template-admin', function () {

    doGetAjaxRequestHandler(context + '/wod-template-admin', function (response) {

        $('#main-content').html(response);

    });

});

$(document).on('click', '.wod-template-new', function () {

    doGetAjaxRequestHandler(context + '/wod-template/edit?id=0', function (response) {

        $('#main-content').html(response);

    });

});

$(document).on('click', '.wod-template-edit', function () {

    var id = $(this).data('id');

    doGetAjaxRequestHandler(context + '/wod-template/edit?id=' + id, function (response) {

        $('#main-content').html(response);

    });

});

$(document).on('click', '.wod-template-delete', function () {

    var id = $(this).data('id');

    if (!confirm('Are you sure you want to deactivate this template?')) return;

    $.post(context + '/wod-template/delete', {id: id}, function (resp) {

        var result = resp;

        try {

            if (typeof resp === 'string') result = JSON.parse(resp);

        } catch (e) {

        }

        if (result && result.success) {

            doGetAjaxRequestHandler(context + '/wod-template-admin', function (response) {

                $('#main-content').html(response);

            });

        }

    });

});

var finServiceTemplateId = null;

var finServiceFormData = null;

function initFinServicePanel() {

    $('#partnerSelect').select2({

        placeholder: '-- Search Partner --',

        allowClear: true,

        width: '100%'

    });

}

// Partner selected -> enable brand, reset downstream

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

    finServiceTemplateId = null;

    if ($(this).val()) {

        $('#brandSelect').prop('disabled', false);

    } else {

        $('#brandSelect').prop('disabled', true).val('');

        $('#stateSelect').prop('disabled', true).html('<option value="">-- Select State --</option>');

        $('#distributorSelect').prop('disabled', true).val('');

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

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

    }

});

// Brand selected -> fetch states

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

    var brand = $(this).val();

    finServiceTemplateId = null;

    if (!brand) {

        $('#stateSelect').prop('disabled', true).html('<option value="">-- Select State --</option>');

        $('#distributorSelect').prop('disabled', true).val('');

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

        return;

    }

    doGetAjaxRequestHandler(context + '/wod-request/templates?brand=' + encodeURIComponent(brand), function (response) {

        var templates = typeof response === 'string' ? JSON.parse(response) : response;

        var html = '<option value="">-- Select State --</option>';

        templates.forEach(function (t) {

            html += '<option value="' + t.id + '">' + t.state + '</option>';

        });

        $('#stateSelect').html(html).prop('disabled', false);

    });

});

// State selected -> enable distributor dropdown

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

    finServiceTemplateId = $(this).val();

    if (finServiceTemplateId) {

        $('#distributorSelect').prop('disabled', false);

    } else {

        $('#distributorSelect').prop('disabled', true).val('');

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

    }

});

// Distributor selected -> enable load button

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

    var val = $(this).val();

    $('#loadFormBtn').prop('disabled', !val || !finServiceTemplateId);

});

// Load form with error handling

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

    var fofoId = $('#partnerSelect').val();

    var distType = $('#distributorSelect').val();

    if (!fofoId || !finServiceTemplateId || !distType) {

        alert('Please select Partner, Brand, State and Distributor type');

        return;

    }

    var btn = $(this);

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

    $.ajax({

        url: context + '/wod-request/form?templateId=' + finServiceTemplateId + '&fofoId=' + fofoId,

        type: 'GET',

        success: function (response) {

            var resp = typeof response === 'string' ? JSON.parse(response) : response;

            finServiceFormData = resp;

            renderFinServiceForm(resp, distType);

            btn.prop('disabled', false).text('Load Form');

        },

        error: function () {

            alert('Failed to load form. Please try again.');

            btn.prop('disabled', false).text('Load Form');

        }

    });

});

function renderFinServiceForm(resp, distType) {

    var columns = resp.columns;

    var prefill = resp.prefillValues;

    var existingDocs = resp.existingDocs || {};

    $('#templateId').val(resp.templateId);

    $('#fofoId').val(resp.fofoId);

    $('#distributorType').val(distType);

    var distLabel = distType === 'yes' ? 'Working with Distributor' : 'Non-Distributor / New Partner';

    $('#formTitle').text('WOD Request: ' + resp.brand + ' - ' + resp.state +

        ' | ' + resp.storeName + ' (' + resp.storeCode + ') | ' + distLabel);

    var html = '';

    columns.sort(function (a, b) {

        return (a.order || 0) - (b.order || 0);

    });

    columns.forEach(function (col) {

        var condition = col.condition || 'always';

        if (condition === 'distributor' && distType !== 'yes') return;

        if (condition === 'non_distributor' && distType !== 'no') return;

        var val = prefill[col.key] || '';

        var required = col.required ? 'required' : '';

        var reqStar = col.required ? ' <span style="color:red;">*</span>' : '';

        html += '<div class="col-md-4 fin-form-field" style="margin-bottom:12px;">';

        html += '<label>' + col.label + reqStar + '</label>';

        if (col.type === 'file') {

            var existingDocId = existingDocs[col.key];

            if (existingDocId) {

                html += '<input type="hidden" class="fin-doc-id" data-key="' + col.key + '" value="' + existingDocId + '">';

                html += '<div style="margin-bottom:4px;">';

                html += '<span class="label label-success"><i class="fa fa-check"></i> Already Uploaded</span> ';

                html += '<a href="' + context + '/open-attachment?documentId=' + existingDocId + '" target="_blank" class="btn btn-xs btn-info">View</a>';

                html += '</div>';

                html += '<input type="file" class="form-control fin-doc-upload" data-key="' + col.key + '">';

                html += '<small class="fin-upload-status" data-key="' + col.key + '" style="color:green;">Using existing. Upload new to replace.</small>';

            } else {

                html += '<input type="file" class="form-control fin-doc-upload" data-key="' + col.key + '" ' + required + '>';

                html += '<input type="hidden" class="fin-doc-id" data-key="' + col.key + '">';

                html += '<small class="fin-upload-status" data-key="' + col.key + '"></small>';

            }

        } else if (col.type === 'textarea') {

            html += '<textarea class="form-control fin-field" data-key="' + col.key + '" rows="3" ' + required + '>' + finEscapeHtml(val) + '</textarea>';

        } else {

            html += '<input type="' + (col.type || 'text') + '" class="form-control fin-field" data-key="' + col.key + '" value="' + finEscapeAttr(val) + '" ' + required + '>';

        }

        html += '</div>';

    });

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

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

}

// File upload using same pattern as existing codebase (doAjaxUploadRequestHandler)

$(document).on('change', '.fin-doc-upload', function () {

    var input = this;

    var key = $(input).data('key');

    if (!input.files || !input.files[0]) return;

    var statusEl = $('small.fin-upload-status[data-key="' + key + '"]');

    statusEl.text('Uploading...').css('color', 'orange');

    doAjaxUploadRequestHandler(

        context + '/document-upload',

        'POST',

        input.files[0],

        function (response) {

            var docId = null;

            if (response && response.response && response.response.document_id) {

                docId = response.response.document_id;

            } else if (response && response.document_id) {

                docId = response.document_id;

            }

            if (docId) {

                $('input.fin-doc-id[data-key="' + key + '"]').val(docId);

                statusEl.text('Uploaded').css('color', 'green');

            } else {

                var msg = (response && response.response && response.response.message) || 'Unknown error';

                statusEl.text('Upload failed: ' + msg).css('color', 'red');

            }

        }

    );

});

// Form submit via button click (not form submit event — avoids page navigation)

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

    e.preventDefault();

    e.stopPropagation();

    // Validate required fields

    var missingFields = [];

    $('#formFieldsContainer .fin-field[required]').each(function () {

        if (!$(this).val() || !$(this).val().trim()) {

            var label = $(this).closest('.fin-form-field').find('label').text().replace(' *', '').trim();

            missingFields.push(label);

            $(this).css('border-color', 'red');

        } else {

            $(this).css('border-color', '');

        }

    });

    // Validate required file uploads

    $('#formFieldsContainer .fin-doc-upload[required]').each(function () {

        var key = $(this).data('key');

        var docId = $('input.fin-doc-id[data-key="' + key + '"]').val();

        if (!docId) {

            var label = $(this).closest('.fin-form-field').find('label').text().replace(' *', '').trim();

            missingFields.push(label);

            $(this).css('border-color', 'red');

        } else {

            $(this).css('border-color', '');

        }

    });

    if (missingFields.length > 0) {

        alert('Please fill the following required fields:\n\n- ' + missingFields.join('\n- '));

        return false;

    }

    var formData = {};

    $('#formFieldsContainer .fin-field').each(function () {

        formData[$(this).data('key')] = $(this).val();

    });

    formData['distributor_type'] = $('#distributorType').val();

    var docTypes = [];

    var docIds = [];

    $('#formFieldsContainer .fin-doc-id').each(function () {

        if ($(this).val()) {

            docTypes.push($(this).data('key'));

            docIds.push(parseInt($(this).val()));

        }

    });

    if (!confirm('Are you sure you want to submit this WOD request?')) {

        return false;

    }

    $('#submitBtn').prop('disabled', true).text('Submitting...');

    $.ajax({

        url: context + '/wod-request/submit',

        type: 'POST',

        data: {

            templateId: $('#templateId').val(),

            fofoId: $('#fofoId').val(),

            formData: JSON.stringify(formData),

            docTypes: JSON.stringify(docTypes),

            docIds: JSON.stringify(docIds)

        },

        success: function (resp) {

            var result = resp;

            try {

                if (typeof resp === 'string') result = JSON.parse(resp);

            } catch (e) {

            }

            // response.vm returns the JSON string directly

            var parsed = result;

            if (typeof result === 'string') {

                try {

                    parsed = JSON.parse(result);

                } catch (e) {

                }

            }

            if (parsed && parsed.success) {

                alert('WOD request submitted successfully! Request ID: ' + parsed.requestId);

                doGetAjaxRequestHandler(context + '/wod-request-list', function (response) {

                    $('#main-content').html(response);

                });

            } else {

                alert('Submission failed: ' + (parsed.error || 'Unknown error'));

                $('#submitBtn').prop('disabled', false).html('<i class="fa fa-paper-plane"></i> Submit WOD Request');

            }

        },

        error: function (xhr) {

            alert('Submission failed. Server error.');

            $('#submitBtn').prop('disabled', false).html('<i class="fa fa-paper-plane"></i> Submit WOD Request');

        }

    });

    return false;

});

function finEscapeHtml(str) {

    if (!str) return '';

    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');

}

function finEscapeAttr(str) {

    if (!str) return '';

    return String(str).replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');

}