{{-- EDIT MODAL --}}
<div class="modal fade" id="modaledit" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title fw-bold" id="editModalLabel">Edit Data Customer</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>

            <form id="formedit" method="POST" class="needs-validation row g-1 mx-1 p-3" novalidate>
                @csrf
                @method('POST')

                <div class="col-md-6">
                    <label class="form-label fw-bold">ID Customer</label>
                    <input type="text" id="eKdCust" name="eKdCust" class="form-control" readonly>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold">Customer *</label>
                    <input type="text" id="eFullname" name="eFullname" class="form-control" required>
                    <div class="invalid-feedback">
                        Nama customer wajib diisi.
                    </div>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold">Owner *</label>
                    <input type="text" id="eOwner" name="eOwner" class="form-control" required>
                    <div class="invalid-feedback">
                        Nama owner wajib diisi.
                    </div>
                </div>

                <div class="col-md-6">
                    <label class="form-label fw-bold">No. HP *</label>
                    <input type="text" id="ePhone" name="ePhone" class="form-control"
                           onkeyup="numberOnly(this)" required pattern="[0-9]{8,15}">
                    <div class="invalid-feedback">
                        Nomor HP harus berupa angka (8–15 digit).
                    </div>
                </div>

                <div class="col-md-12">
                    <label class="form-label fw-bold">Alamat *</label>
                    <input type="text" id="eAddress" name="eAddress" class="form-control"
                           placeholder="Ketik alamat untuk autocomplete" required>
                    <div class="invalid-feedback">
                        Alamat wajib diisi.
                    </div>
                </div>

                <!-- Hidden fields — same as main form -->
                <input type="hidden" name="eFullAddress" id="eFullAddress">
                <input type="hidden" name="eLatitude"  id="eLatitude">
                <input type="hidden" name="eLongitude" id="eLongitude">

                <!-- Optional: smaller address breakdown (copy from main form if you want) -->
                <div class="col-md-4">
                    <label class="form-label">Kecamatan</label>
                    <input type="text" class="form-control" id="eLocality" name="eLocality">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Kabupaten/Kota</label>
                    <input type="text" class="form-control" id="eAdministrativeAreaLevel2" name="eAdministrativeAreaLevel2">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Provinsi</label>
                    <input type="text" class="form-control" id="eAdministrativeAreaLevel1" name="eAdministrativeAreaLevel1">
                </div>
                <div class="col-md-8"> 
                    <label class="form-label">Jalan</label> 
                    <input type="text" class="form-control" id="eRoute" name="eRoute"> 
                </div> 
                <div class="col-md-4"> 
                    <label class="form-label">Kode Pos</label> 
                    <input type="text" class="form-control" id="ePostalCode" name="ePostalCode"> 
                </div>

                <!-- Map container — same style as main form -->
                <div class="col-md-12 mt-2">
                    <div id="editMap" style="width:100%; height:300px; border-radius:8px; border:1px solid #ccc;"></div>
                </div>

                <div class="col-12 d-grid gap-2 d-md-flex justify-content-md-end mt-3">
                    <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary btn-sm px-4">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>