{{-- IMPORT EXCEL MODAL --}}
<div class="modal fade" id="modalImport" tabindex="-1" aria-labelledby="importModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title fw-bold" id="importModalLabel">
                    <i class="ti ti-file-excel me-1 text-success"></i> Import Data Customer
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <form id="formImport" method="POST" action="{{ route('customer-import') }}"
                enctype="multipart/form-data" class="needs-validation">
                @csrf

                <div class="modal-body">
                    <div class="alert alert-info small mb-3">
                        <i class="ti ti-info-circle me-1"></i>
                        Kolom wajib pada template:
                        <strong>Customer Name, Owner Name, Phone, Address</strong>.
                        Kolom lain opsional (Province, Regency, Subdistric, Road, Postal Code, Latitude, Longitude).
                        Kode Customer akan dibuat otomatis.
                    </div>

                    <div class="mb-3">
                        <label class="form-label fw-bold">Pilih File Excel <span class="text-danger">*</span></label>
                        <input type="file" class="form-control" name="file" id="importFile"
                            accept=".xlsx,.xls,.csv" required>
                        <div class="form-text">
                            Format: <code>.xlsx</code>, <code>.xls</code>, atau <code>.csv</code> maksimal 10 MB.
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <a href="{{ route('customer-template') }}" class="btn btn-link text-success me-auto"
                        target="_blank">
                        <i class="ti ti-download me-1"></i> Download Template
                    </a>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-success" id="btnImport">
                        <i class="ti ti-upload me-1"></i> Import
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>