{{-- New-Unity ERP | gr_document_modal.blade.php | v1.0 | 17/07/2026 --}}
{{-- Modal de feedback para el GR Wizard — rojo (error) y verde (success) --}}

{{-- Modal feedback documento --}}
<div class="modal fade" id="grFeedbackModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header" id="grModalHeader">
                <h5 class="modal-title text-white" id="grModalHeaderTitle"></h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                        onclick="onDocModalClose()"></button>
            </div>
            <div class="modal-body text-center py-4">
                <i id="grModalIcon" class="fal fa-info-circle fa-4x mb-3 d-block"></i>
                <h5 id="grModalTitle" class="fw-bold mb-2"></h5>
                <p class="mb-0 small" id="grModalMessage"></p>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-lg fw-bold" id="grModalBtn"
                        data-bs-dismiss="modal" onclick="onDocModalClose()">
                    <i class="fal fa-times me-1"></i> {{ __('warehouse.close') }}
                </button>
            </div>
        </div>
    </div>
</div>

<script>
var docModalCallback = null;

function showDocumentModal(type, message, callback) {
    docModalCallback = callback || null;
    var header  = document.getElementById('docModalHeader');
    var icon    = document.getElementById('docModalIcon');
    var title   = document.getElementById('docModalTitle');
    var msg     = document.getElementById('docModalMessage');
    var hTitle  = document.getElementById('docModalHeaderTitle');
    var btn     = document.getElementById('docModalBtn');

    if (type === 'error') {
        header.className  = 'modal-header bg-danger text-white';
        icon.className    = 'fal fa-times-circle fa-4x text-danger mb-3 d-block';
        title.className   = 'fw-bold text-danger mb-2';
        title.textContent = '{{ __('warehouse.blocked-caps') }}';
        hTitle.textContent= '{{ __('warehouse.gr-error-title') }}';
        btn.className     = 'btn btn-lg fw-bold btn-danger';
        btn.innerHTML     = '<i class="fal fa-arrow-left me-1"></i> {{ __('warehouse.gr-back') }}';
    } else {
        header.className  = 'modal-header bg-success text-white';
        icon.className    = 'fal fa-check-circle fa-4x text-success mb-3 d-block';
        title.className   = 'fw-bold text-success mb-2';
        title.textContent = '{{ __('warehouse.gr-correct') }}';
        hTitle.textContent= '{{ __('warehouse.gr-doc-loaded') }}';
        btn.className     = 'btn btn-lg fw-bold btn-success';
        btn.innerHTML     = '<i class="fal fa-arrow-right me-1"></i> {{ __('warehouse.gr-continue') }}';
    }

    msg.textContent = message;
    new bootstrap.Modal(document.getElementById('docFeedbackModal')).show();
}

function onDocModalClose() {
    if (docModalCallback) {
        docModalCallback();
        docModalCallback = null;
    }
}
</script>