{{-- New-Unity ERP | Modules/Billing/Resources/Views/Mexico/invoices/partials/create/modal_customers.blade.php | v1.2 | 08/06/2026 06:00:00 --}}
{{-- Modal de clientes (Bootstrap 5, sin select2). Lo abre openCustomerModal()
     de app.invoice.js; la búsqueda usa /invoices/findCustomers con debounce. --}}

<div class="modal fade" id="customers-modal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">
                    <i class="fas fa-users me-2"></i>{{ __('invoices.company') }}
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <input type="text" id="customer-modal-search" class="form-control form-control-sm mb-2" autofocus
                       placeholder="Search by customer number, name or RFC / Tax ID..." autocomplete="off">
                <div class="table-responsive">
                    <table class="table table-sm table-hover align-middle mb-0">
                        <thead>
                            <tr>
                                <th style="width:15%"># Customer</th>
                                <th style="width:55%">Name</th>
                                                                <th style="width:20%">RFC / Tax ID</th>
                                <th style="width:10%" class="text-center"></th>
                            </tr>
                        </thead>
                        <tbody id="customer-modal-rows">
                            <tr>
                                <td colspan="4" class="text-center text-muted py-3">Type at least 2 characters to search...</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer py-1">
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{ __('buttons.cancel') }}</button>
            </div>
        </div>
    </div>
</div>