{{-- New-Unity ERP | billing/Mexico/invoices/partials/index/modal_email.blade.php | v2.2 | 22/06/2026 --}}
{{-- v2.2 — JS movido a @section('scripts') compatible con layouts.vertical. --}}

<div class="modal fade" id="modalEmail" tabindex="-1" aria-labelledby="modalEmailLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form id="formEmail" method="POST" action="">
                @csrf

                <div class="modal-header bg-primary text-white">
                    <h5 class="modal-title" id="modalEmailLabel">
                        <i class="fas fa-envelope me-2"></i>{{ __('invoices.email-send-title') }}
                    </h5>
                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                </div>

                <div class="modal-body">

                    @if(session('error'))
                        <div class="alert alert-danger alert-dismissible fade show">
                            {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    @endif

                    {{-- Info de la factura --}}
                    <div class="alert alert-light border mb-3 py-2">
                        <small class="text-muted">{{ __('invoices.email-invoice-label') }}</small>
                        <strong id="email-folio-display" class="ms-2 text-primary"></strong>
                        <span class="ms-3 text-muted" id="email-customer-display"></span>
                    </div>

                    {{-- Sin contactos --}}
                    <div id="email-no-contacts" class="alert alert-warning d-none">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        {{ __('invoices.email-no-contacts') }}
                        <a href="#" id="email-goto-customer" target="_blank" class="alert-link ms-1">
                            {{ __('invoices.email-add-contacts') }}
                        </a>
                    </div>

                    <div id="email-fields">
                        <div class="row g-3">

                            {{-- Para (To) --}}
                            <div class="col-12">
                                <label for="email-sendto" class="form-label fw-semibold">
                                    {{ __('invoices.email-to') }} <span class="text-danger">*</span>
                                </label>
                                <select id="email-sendto" name="sendto" class="form-select" required>
                                    <option value="">{{ __('invoices.email-select-contact') }}</option>
                                </select>
                            </div>

                            {{-- CC --}}
                            <div class="col-md-6">
                                <label for="email-copyto" class="form-label fw-semibold">CC</label>
                                <select id="email-copyto" name="copyto" class="form-select">
                                    <option value="">{{ __('invoices.email-none') }}</option>
                                </select>
                            </div>

                            {{-- CC2 --}}
                            <div class="col-md-6">
                                <label for="email-copyto2" class="form-label fw-semibold">CC2</label>
                                <select id="email-copyto2" name="copyto2" class="form-select">
                                    <option value="">{{ __('invoices.email-none') }}</option>
                                </select>
                            </div>

                            {{-- CCO fijo --}}
                            <div class="col-12">
                                <label class="form-label fw-semibold">CCO <small class="text-muted fw-normal">{{ __('invoices.email-bcc-hint') }}</small></label>
                                <input type="email" name="blindcopyto"
                                       class="form-control bg-light text-muted"
                                       value="{{ Auth::user()->email }}" readonly>
                                <small class="text-muted">{{ __('invoices.email-bcc-note') }}</small>
                            </div>

                        </div>
                    </div>

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-1"></i>{{ __('invoices.email-close') }}
                    </button>
                    <button type="submit" id="email-send-btn" class="btn btn-primary">
                        <i class="fas fa-paper-plane me-1"></i>{{ __('invoices.email-send') }}
                    </button>
                </div>

            </form>
        </div>
    </div>
</div>

@section('scripts')
@parent
<script>
document.addEventListener('DOMContentLoaded', function () {

    var modalEl    = document.getElementById('modalEmail');
    var form       = document.getElementById('formEmail');
    var selTo      = document.getElementById('email-sendto');
    var selCc      = document.getElementById('email-copyto');
    var selCc2     = document.getElementById('email-copyto2');
    var folioDis   = document.getElementById('email-folio-display');
    var custDis    = document.getElementById('email-customer-display');
    var noContacts = document.getElementById('email-no-contacts');
    var fields     = document.getElementById('email-fields');
    var sendBtn    = document.getElementById('email-send-btn');
    var gotoLink   = document.getElementById('email-goto-customer');

    if (!modalEl) return;

    modalEl.addEventListener('show.bs.modal', function (event) {
        var btn      = event.relatedTarget;
        var folio    = btn ? btn.getAttribute('data-folio') : '';
        var customer = btn ? btn.getAttribute('data-customer') : '';
        var contacts = JSON.parse(btn ? (btn.getAttribute('data-contacts') || '[]') : '[]');
        var action   = btn ? btn.getAttribute('data-action') : '';
        var custId   = btn ? btn.getAttribute('data-customer-id') : '';

        // Info de factura
        folioDis.textContent = folio || '';
        custDis.textContent  = customer || '';
        form.action          = action || '';

        // Link para ir a agregar contactos
        if (custId) {
            gotoLink.href = '/sales/customers/' + custId + '/edit';
        }

        // Limpiar selects
        selTo.innerHTML  = '<option value="">{{ __('invoices.email-select-contact') }}</option>';
        selCc.innerHTML  = '<option value="">{{ __('invoices.email-none') }}</option>';
        selCc2.innerHTML = '<option value="">{{ __('invoices.email-none') }}</option>';

        if (!contacts || contacts.length === 0) {
            noContacts.classList.remove('d-none');
            fields.classList.add('d-none');
            sendBtn.disabled = true;
        } else {
            noContacts.classList.add('d-none');
            fields.classList.remove('d-none');
            sendBtn.disabled = false;

            contacts.forEach(function(c) {
                var label = c.name ? c.name + ' — ' + c.email : c.email;

                var opt1 = document.createElement('option');
                opt1.value = c.email;
                opt1.textContent = label;
                selTo.appendChild(opt1);

                var opt2 = document.createElement('option');
                opt2.value = c.email;
                opt2.textContent = label;
                selCc.appendChild(opt2);

                var opt3 = document.createElement('option');
                opt3.value = c.email;
                opt3.textContent = label;
                selCc2.appendChild(opt3);
            });

            // Auto-seleccionar el primero en To
            if (selTo.options.length > 1) {
                selTo.selectedIndex = 1;
            }
        }
    });

});
</script>
@endsection