@include('pc-forms.partials.workflow-remarks-summernote-scripts')
<script>
(function () {
    if (!window.pciUsesForwardSubmit) {
        return;
    }

    function pciShowSubmitAlert(icon, title, text, thenFn) {
        if (typeof Swal !== 'undefined' && Swal.fire) {
            Swal.fire({ icon: icon, title: title, text: text }).then(function () {
                if (typeof thenFn === 'function') thenFn();
            });
        } else {
            alert(text || title);
            if (typeof thenFn === 'function') thenFn();
        }
    }

    function pciDestroySubmitRecipientSelect2() {
        var $sel = $('#pciSubmitToUser');
        if ($sel.length && typeof $sel.select2 === 'function' && $sel.data('select2')) {
            $sel.select2('destroy');
        }
    }

    function pciSubmitRecipientsAjaxUrl(formId, projectId) {
        if (formId && window.pciEditFormUsesForwardWorkflow) {
            return window.pciForwardRecipientsBaseUrl + '/' + formId + '/forward-recipients';
        }
        var qs = $.param({
            project_id: projectId || '',
            pc_form_id: formId || '',
            pc_form_kind: ($('input[name="pc_form_kind"]').val() || '').trim()
        });
        return window.pciSubmitRecipientsUrl + (qs ? ('?' + qs) : '');
    }

    function pciInitSubmitRecipientSelect2(ajaxUrl) {
        var $sel = $('#pciSubmitToUser');
        var $modal = $('#pciSubmitModal');
        pciDestroySubmitRecipientSelect2();
        $sel.empty().append($('<option>', { value: '' }));
        if (typeof $sel.select2 !== 'function') {
            return;
        }
        $sel.select2({
            theme: 'bootstrap4',
            width: '100%',
            allowClear: true,
            placeholder: $sel.data('placeholder') || 'Search user by name or designation…',
            dropdownParent: $modal,
            minimumInputLength: 0,
            ajax: {
                url: ajaxUrl,
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    var payload = {
                        q: params.term || '',
                        page: params.page || 1,
                        workflow_action: 'forward'
                    };
                    // Keep project/form context on submit-recipients (query already in url when present).
                    return payload;
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;
                    return {
                        results: data.results || [],
                        pagination: { more: !!(data.pagination && data.pagination.more) }
                    };
                },
                cache: true
            }
        });
    }

    function pciLoadSubmitRecipientsViaSubmitEndpoint(formId, projectId) {
        window.pciEditFormUsesForwardWorkflow = false;
        var url = window.pciSubmitRecipientsUrl;
        return $.get(url, {
            meta: 1,
            project_id: projectId || '',
            pc_form_id: formId || '',
            pc_form_kind: ($('input[name="pc_form_kind"]').val() || '').trim()
        }).done(function (res) {
            pciInitSubmitRecipientSelect2(pciSubmitRecipientsAjaxUrl(formId, projectId));
            if (window.pciSubmitSigInit) {
                window.pciSubmitSigInit(res.signature_context || {});
            }
        });
    }

    function pciLoadSubmitRecipients() {
        pciDestroySubmitRecipientSelect2();
        var $sel = $('#pciSubmitToUser');
        $sel.empty().append($('<option>', { value: '' }));
        var workingId = ($('#pci-working-pc-form-id').val() || '').trim();
        var formId = window.pciEditFormId || (workingId ? parseInt(workingId, 10) : null);
        if (formId && !window.pciEditFormId) {
            window.pciEditFormId = formId;
        }
        var projectId = ($('#pciForm select[name="project_id"]').val() || '').trim();

        if (formId) {
            return $.get(window.pciForwardRecipientsBaseUrl + '/' + formId + '/forward-recipients', { meta: 1 })
                .done(function (res) {
                    window.pciEditFormUsesForwardWorkflow = true;
                    pciInitSubmitRecipientSelect2(
                        window.pciForwardRecipientsBaseUrl + '/' + formId + '/forward-recipients'
                    );
                    if (window.pciSubmitSigInit) {
                        window.pciSubmitSigInit(res.signature_context || {});
                    }
                })
                .fail(function (xhr) {
                    if (xhr.status === 422 || xhr.status === 403) {
                        return pciLoadSubmitRecipientsViaSubmitEndpoint(formId, projectId).fail(function (xhr2) {
                            var msg = (xhr2.responseJSON && xhr2.responseJSON.message)
                                ? xhr2.responseJSON.message
                                : 'Unable to load forward recipients.';
                            if (typeof Swal !== 'undefined' && Swal.fire) {
                                Swal.fire({ icon: 'warning', title: 'Recipients', text: msg });
                            }
                        });
                    }
                    var msg = (xhr.responseJSON && xhr.responseJSON.message)
                        ? xhr.responseJSON.message
                        : 'Unable to load forward recipients.';
                    if (typeof Swal !== 'undefined' && Swal.fire) {
                        Swal.fire({ icon: 'warning', title: 'Recipients', text: msg });
                    }
                });
        }

        return pciLoadSubmitRecipientsViaSubmitEndpoint(null, projectId).fail(function (xhr) {
            var msg = (xhr.responseJSON && xhr.responseJSON.message)
                ? xhr.responseJSON.message
                : 'Unable to load forward recipients.';
            if (typeof Swal !== 'undefined' && Swal.fire) {
                Swal.fire({ icon: 'warning', title: 'Recipients', text: msg });
            }
        });
    }

    function pciShowSubmitModalInternal() {
        $('#pciSubmitToUser').val('');
        if (window.pciWorkflowRemarksDestroy) {
            window.pciWorkflowRemarksDestroy('#pciSubmitRemarks');
        } else {
            $('#pciSubmitRemarks').val('');
        }
        if (window.pciSubmitSigReset) {
            window.pciSubmitSigReset();
        }
        $.when(pciLoadSubmitRecipients()).always(function () {
            $('#pciSubmitModal').modal('show');
        });
    }

    window.pciOpenSubmitModal = function (options) {
        options = options || {};
        if (options.skipValidation) {
            pciShowSubmitModalInternal();
            return;
        }
        if (typeof window.pciValidateFormBeforeSubmitModal === 'function') {
            window.pciValidateFormBeforeSubmitModal(function (ok) {
                if (ok) {
                    pciShowSubmitModalInternal();
                }
            });
            return;
        }
        pciShowSubmitModalInternal();
    };

    var pciSubmitConfirmed = false;

    $('#pciSubmitBtn').on('click', function () {
        if ($(this).prop('disabled')) {
            return;
        }
        window.pciOpenSubmitModal();
    });

    $('#pciSubmitModal').on('shown.bs.modal', function () {
        if (window.pciWorkflowRemarksInit) {
            window.pciWorkflowRemarksInit('#pciSubmitRemarks', 'Enter submission comments…');
        }
    }).on('hidden.bs.modal', function () {
        pciDestroySubmitRecipientSelect2();
        if (window.pciWorkflowRemarksDestroy) {
            window.pciWorkflowRemarksDestroy('#pciSubmitRemarks');
        }
    });

    $('#pciSubmitModalConfirm').on('click', function () {
        var $btn = $(this);
        if ($btn.data('pci-submit-busy')) {
            return;
        }
        var toUser = ($('#pciSubmitToUser').val() || '').trim();
        var remarks = window.pciWorkflowRemarksGet
            ? window.pciWorkflowRemarksGet('#pciSubmitRemarks')
            : ($('#pciSubmitRemarks').val() || '');
        var errors = [];
        if (!toUser) errors.push('Please select the next recipient.');
        if (window.pciWorkflowRemarksIsEmpty ? window.pciWorkflowRemarksIsEmpty(remarks) : !String(remarks || '').trim()) {
            errors.push('Comments are required.');
        }
        if (window.pciSubmitSigValidate && !window.pciSubmitSigValidate()) {
            errors.push('Signature is required.');
        }
        if (errors.length) {
            pciShowSubmitAlert('warning', 'Complete submission', errors.join('\n'));
            return;
        }

        function finishSubmit() {
            $('#pciFormSubmitToUser').val(toUser);
            $('#pciFormSubmitRemarks').val(remarks);
            if (window.pciSubmitSigSyncToForm) {
                window.pciSubmitSigSyncToForm();
            }
            pciSubmitConfirmed = true;
            $('#pciSubmitModal').modal('hide');
            var form = document.getElementById('pciForm');
            var hiddenSub = document.getElementById('pciForwardSubmitHidden');
            if (form && hiddenSub) {
                form.requestSubmit(hiddenSub);
            } else if (form) {
                form.requestSubmit();
            }
        }

        var needPin = window.PmsTPin && window.PmsTPin.signatureEnabled;
        var pinField = document.getElementById('pciFormSubmitTPin');
        var existingPin = pinField ? String(pinField.value || '').replace(/\D+/g, '') : '';
        var form = document.getElementById('pciForm');

        if (needPin && existingPin.length !== 4 && window.PmsTPinGate) {
            $btn.data('pci-submit-busy', 1);
            window.PmsTPinGate.prompt().then(function (res) {
                $btn.data('pci-submit-busy', 0);
                if (!res || !res.ok) {
                    return;
                }
                if (pinField) {
                    pinField.value = res.pin;
                }
                if (form && window.PmsTPinGate.applyToForm) {
                    window.PmsTPinGate.applyToForm(form, res.pin);
                }
                finishSubmit();
            }).catch(function () {
                $btn.data('pci-submit-busy', 0);
            });
            return;
        }

        finishSubmit();
    });

    var pciActiveSubmitter = null;
    document.getElementById('pciForm').addEventListener('click', function (e) {
        var btn = e.target.closest('button[type="submit"]');
        if (!btn || btn.form !== e.currentTarget) return;
        pciActiveSubmitter = btn;
    });

    $('#pciForm').on('submit', function (e) {
        var sub = e.originalEvent && e.originalEvent.submitter || pciActiveSubmitter;
        var isDraft = !!(sub && sub.name === 'save_as_draft');
        if (!isDraft) {
            if (!pciSubmitConfirmed) {
                e.preventDefault();
                window.pciOpenSubmitModal();
                return;
            }
            pciSubmitConfirmed = false;
            var toUser = ($('#pciFormSubmitToUser').val() || '').trim();
            var remarks = ($('#pciFormSubmitRemarks').val() || '');
            if (!toUser || (window.pciWorkflowRemarksIsEmpty ? window.pciWorkflowRemarksIsEmpty(remarks) : !String(remarks || '').trim())) {
                e.preventDefault();
                pciShowSubmitAlert('warning', 'Complete submission', 'Recipient, comments, and signature are required. Use the submit dialog to provide them.', function () {
                    if (typeof window.pciGoToPreparedSignaturePane === 'function') {
                        window.pciGoToPreparedSignaturePane();
                    }
                });
                return;
            }
        }
    });

})();
</script>