@php
    // Koordinat default (misal sekitar Bone Bolango)
    $lat = old('latitude', optional($pelanggan)->latitude);
    $lng = old('longitude', optional($pelanggan)->longitude);

    $hasPoint = !is_null($lat) && !is_null($lng);
    $latDefault = $hasPoint ? (float) $lat : 0.539682;
    $lngDefault = $hasPoint ? (float) $lng : 123.107941;
@endphp

{{-- Leaflet CSS --}}
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
    integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />

{{-- Leaflet JS --}}
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
    integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var MAP_DEBUG_VERSION = 'map-script-v5';
        var mapContainer = document.getElementById('map-pelanggan');
        if (!mapContainer) {
            console.warn('Elemen #map-pelanggan tidak ditemukan');
            return;
        }

        if (typeof L === 'undefined') {
            console.error('Leaflet (L) belum ter-load.');
            return;
        }

        var API_BASE = @json(url('/wilayah'));
        var defaultLat = @json($latDefault);
        var defaultLng = @json($lngDefault);
        var hasPoint = @json($hasPoint);

        var map = L.map('map-pelanggan', {
            zoomControl: true
        }).setView([defaultLat, defaultLng], hasPoint ? 16 : 13);

        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
            maxZoom: 19,
            attribution: '&copy; OpenStreetMap contributors'
        }).addTo(map);

        var marker = null;
        var debugBox = document.getElementById('map-debug-box');
        var debugLog = document.getElementById('map-debug-log');
        var debugToggleBtn = document.getElementById('btn-toggle-map-debug');
        var debugHiddenByUser = true;

        function updateDebugToggleLabel() {
            if (!debugToggleBtn || !debugBox) return;
            var isHidden = debugBox.classList.contains('d-none');
            debugToggleBtn.textContent = isHidden ? 'Show Debug Peta' : 'Hide Debug Peta';
        }

        function safeJson(value) {
            try {
                return JSON.stringify(value);
            } catch (e) {
                return String(value);
            }
        }

        function dbg(message, payload) {
            if (!debugBox || !debugLog) return;
            if (!debugHiddenByUser) {
                debugBox.classList.remove('d-none');
            }
            var ts = new Date().toLocaleTimeString();
            var text = '[' + ts + '] ' + message;
            if (typeof payload !== 'undefined') {
                text += '\n' + safeJson(payload);
            }
            debugLog.textContent += text + '\n\n';
            updateDebugToggleLabel();
        }
        if (debugToggleBtn && debugBox) {
            debugToggleBtn.addEventListener('click', function() {
                var willHide = !debugBox.classList.contains('d-none');
                debugBox.classList.toggle('d-none');
                debugHiddenByUser = willHide;
                updateDebugToggleLabel();
            });
            updateDebugToggleLabel();
        }
        dbg('Init script', {
            version: MAP_DEBUG_VERSION
        });

        var fetchCache = new Map();
        var nameNormCache = new Map();
        var activeAutofillSeq = 0;
        var ADMIN_WORD_RE = /\b(prov|provinsi|kab|kabupaten|kota|kotamadya|kec|kecamatan|kel|kelurahan|desa|dusun|lingkungan|lingk|kampung|gampong|nagari)\b/g;

        function normalizeText(value) {
            var base = String(value || '').toLowerCase();
            if (typeof base.normalize === 'function') {
                base = base.normalize('NFD');
            }
            return base
                .replace(/[\u0300-\u036f]/g, '')
                .replace(/[^a-z0-9\s]/g, ' ')
                .replace(ADMIN_WORD_RE, ' ')
                .replace(/\s+/g, ' ')
                .trim();
        }

        // Normalisasi ringan untuk cek kata kunci administratif
        // (tanpa menghapus kata seperti "kecamatan", "desa", dll).
        function normalizeLoose(value) {
            var base = String(value || '').toLowerCase();
            if (typeof base.normalize === 'function') {
                base = base.normalize('NFD');
            }
            return base
                .replace(/[\u0300-\u036f]/g, '')
                .replace(/[^a-z0-9\s]/g, ' ')
                .replace(/\s+/g, ' ')
                .trim();
        }

        function hasKeyword(value, keywords) {
            var txt = normalizeLoose(value);
            return keywords.some(function(k) {
                var key = normalizeLoose(k);
                if (!key) return false;
                return txt.includes(key);
            });
        }

        function firstValid(candidates, rejectKeywords, usedValues) {
            for (var i = 0; i < candidates.length; i++) {
                var v = (candidates[i] || '').toString().trim();
                if (!v) continue;

                var norm = normalizeText(v);
                if (!norm) continue;
                if (usedValues && usedValues.has(norm)) continue;
                if (rejectKeywords && hasKeyword(v, rejectKeywords)) continue;

                if (usedValues) usedValues.add(norm);
                return v;
            }
            return '';
        }

        function setHiddenName(id, value) {
            var el = document.getElementById(id);
            if (el) el.value = value || '';
        }

        function setHint(id, value) {
            var el = document.getElementById(id);
            if (!el) return;
            el.textContent = 'Referensi peta: ' + (value || '-');
        }

        function splitDisplayName(displayName) {
            var parts = String(displayName || '')
                .split(',')
                .map(function(p) {
                    return p.trim();
                })
                .filter(Boolean);

            if (!parts.length) {
                return {
                    prov: '',
                    kab: '',
                    kec: '',
                    desa: ''
                };
            }

            // Umumnya urutan belakang: negara, provinsi, kab/kota, kec, desa...
            var rev = parts.slice().reverse();
            return {
                prov: rev[1] || rev[0] || '',
                kab: rev[2] || '',
                kec: rev[3] || '',
                desa: rev[4] || parts[0] || ''
            };
        }

        var provInit = document.getElementById('provinsi_nama');
        var kabInit = document.getElementById('kabupaten_nama');
        var kecInit = document.getElementById('kecamatan_nama');
        var desaInit = document.getElementById('desa_nama');
        setHint('hint-provinsi', provInit ? provInit.value : '');
        setHint('hint-kabupaten', kabInit ? kabInit.value : '');
        setHint('hint-kecamatan', kecInit ? kecInit.value : '');
        setHint('hint-desa', desaInit ? desaInit.value : '');

        function refreshSelect2(selectEl) {
            if (window.jQuery && window.jQuery.fn) {
                var $el = window.jQuery(selectEl);
                if ($el.hasClass('select2-hidden-accessible')) {
                    $el.trigger('change.select2');
                }
            }
        }

        function setOptions(selectEl, items, placeholder, selectedId) {
            if (!selectEl) return;

            selectEl.innerHTML = '';
            var ph = document.createElement('option');
            ph.value = '';
            ph.textContent = placeholder;
            selectEl.appendChild(ph);

            (items || []).forEach(function(item) {
                var opt = document.createElement('option');
                opt.value = item.id;
                opt.textContent = item.name;
                selectEl.appendChild(opt);
            });

            selectEl.value = selectedId ? String(selectedId) : '';
            refreshSelect2(selectEl);
        }

        function normalizeItemName(name) {
            var raw = String(name || '');
            if (nameNormCache.has(raw)) return nameNormCache.get(raw);
            var norm = normalizeText(raw);
            nameNormCache.set(raw, norm);
            return norm;
        }

        function tokenSet(value) {
            var t = normalizeText(value);
            if (!t) return new Set();
            return new Set(t.split(' ').filter(Boolean));
        }

        function findBestMatch(items, targetName) {
            var target = normalizeText(targetName);
            if (!target || !items || !items.length) return null;

            var exact = items.find(function(item) {
                return normalizeItemName(item.name) === target;
            });
            if (exact) return exact;

            var targetTokens = tokenSet(target);
            var best = null;
            var bestScore = 0;

            items.forEach(function(item) {
                var n = normalizeItemName(item.name);
                if (!n) return;

                if (n.includes(target) || target.includes(n)) {
                    var containsScore = 0.9;
                    if (containsScore > bestScore) {
                        bestScore = containsScore;
                        best = item;
                    }
                    return;
                }

                var tokens = n.split(' ').filter(Boolean);
                if (!tokens.length) return;

                var hit = 0;
                tokens.forEach(function(tok) {
                    if (targetTokens.has(tok)) hit++;
                });
                if (!hit) return;

                var score = hit / Math.max(tokens.length, targetTokens.size || 1);
                if (score > bestScore) {
                    bestScore = score;
                    best = item;
                }
            });

            return bestScore >= 0.45 ? best : null;
        }

        async function fetchJson(url) {
            if (fetchCache.has(url)) {
                return await fetchCache.get(url);
            }

            var requestPromise = fetch(url, {
                    headers: {
                        'Accept': 'application/json'
                    }
                })
                .then(function(res) {
                    return res.json();
                })
                .catch(function(err) {
                    fetchCache.delete(url);
                    throw err;
                });

            fetchCache.set(url, requestPromise);
            return await requestPromise;
        }

        async function autofillWilayahFromAddress(addr) {
            activeAutofillSeq += 1;
            var seq = activeAutofillSeq;

            try {
                dbg('Mulai auto-fill wilayah dari address', addr);

                var cityVal = addr.city || '';
                var municipalityVal = addr.municipality || '';

                var provRaw = addr.state || addr.region || addr.province || '';
                var kabRaw = addr.county || addr.state_district || cityVal || addr.town || municipalityVal || '';
                var kecRaw = addr.city_district || addr.district || addr.suburb || addr.borough || '';
                var desaRaw = addr.village || addr.hamlet || addr.quarter || addr.neighbourhood || addr.suburb || '';

                // Pola umum Indonesia dari Nominatim:
                // city bisa berisi "Kelurahan/Desa ...", municipality bisa berisi "Kecamatan ..."
                if (!kecRaw && hasKeyword(municipalityVal, ['kecamatan'])) {
                    kecRaw = municipalityVal;
                }
                if (!desaRaw && hasKeyword(cityVal, ['kelurahan', 'desa'])) {
                    desaRaw = cityVal;
                }

                // Selalu tampilkan referensi mentah dari peta lebih dulu.
                setHint('hint-provinsi', provRaw);
                setHint('hint-kabupaten', kabRaw);
                setHint('hint-kecamatan', kecRaw);
                setHint('hint-desa', desaRaw);

                var provSelect = document.getElementById('provinsi');
                var kabSelect = document.getElementById('kabupaten');
                var kecSelect = document.getElementById('kecamatan');
                var desaSelect = document.getElementById('desa');

                if (!provSelect || !kabSelect || !kecSelect || !desaSelect) return;

                // Heuristik field Indonesia (berdasarkan pola umum Nominatim):
                // provinsi: state/region
                // kab/kota: county/state_district/city/town/municipality
                // kecamatan: city_district/district/suburb
                // desa/kel: village/hamlet/quarter/neighbourhood/suburb
                var used = new Set();
                var provName = firstValid(
                    [provRaw, addr.region, addr.province],
                    ['kabupaten', 'kota', 'kecamatan', 'desa', 'kelurahan'],
                    used
                );

                var kabName = firstValid(
                    [kabRaw, addr.state_district, cityVal, addr.town, municipalityVal],
                    ['kecamatan', 'desa', 'kelurahan', 'dusun', 'lingkungan'],
                    used
                );

                var kecName = firstValid(
                    [kecRaw, addr.district, addr.suburb, addr.borough],
                    ['desa', 'kelurahan', 'dusun', 'lingkungan'],
                    used
                );

                var desaName = firstValid(
                    [desaRaw, addr.hamlet, addr.quarter, addr.neighbourhood, addr.suburb],
                    ['kabupaten', 'kota', 'kecamatan'],
                    used
                );

                setHint('hint-provinsi', provName);
                setHint('hint-kabupaten', kabName);
                setHint('hint-kecamatan', kecName);
                setHint('hint-desa', desaName);

                setHiddenName('provinsi_nama', provName);
                setHiddenName('kabupaten_nama', kabName);
                setHiddenName('kecamatan_nama', kecName);
                setHiddenName('desa_nama', desaName);

                dbg('Hasil parsing wilayah', {
                    provRaw: provRaw,
                    kabRaw: kabRaw,
                    kecRaw: kecRaw,
                    desaRaw: desaRaw,
                    provName: provName,
                    kabName: kabName,
                    kecName: kecName,
                    desaName: desaName
                });

                var provData = await fetchJson(API_BASE + '/provinsi');
                if (seq !== activeAutofillSeq) return;
                var provMatch = findBestMatch(provData, provName);
                setOptions(provSelect, provData, 'Pilih Provinsi', provMatch ? provMatch.id : '');
                if (!provMatch) {
                    dbg('Provinsi tidak match ke data API', {
                        candidate: provName,
                        total: provData.length
                    });
                    return;
                }
                dbg('Provinsi match', provMatch);
                setHiddenName('provinsi_nama', provMatch.name);

                var kabData = await fetchJson(API_BASE + '/kabupaten?prov_id=' + encodeURIComponent(provMatch.id));
                if (seq !== activeAutofillSeq) return;
                var kabMatch = findBestMatch(kabData, kabName);
                setOptions(kabSelect, kabData, 'Pilih Kab/Kota', kabMatch ? kabMatch.id : '');
                if (!kabMatch) {
                    dbg('Kab/Kota tidak match ke data API', {
                        candidate: kabName,
                        total: kabData.length
                    });
                    return;
                }
                dbg('Kab/Kota match', kabMatch);
                setHiddenName('kabupaten_nama', kabMatch.name);

                var kecData = await fetchJson(API_BASE + '/kecamatan?kab_id=' + encodeURIComponent(kabMatch.id));
                if (seq !== activeAutofillSeq) return;
                var kecMatch = findBestMatch(kecData, kecName);
                setOptions(kecSelect, kecData, 'Pilih Kecamatan', kecMatch ? kecMatch.id : '');
                if (!kecMatch) {
                    dbg('Kecamatan tidak match ke data API', {
                        candidate: kecName,
                        total: kecData.length
                    });
                    return;
                }
                dbg('Kecamatan match', kecMatch);
                setHiddenName('kecamatan_nama', kecMatch.name);

                var desaData = await fetchJson(API_BASE + '/desa?kec_id=' + encodeURIComponent(kecMatch.id));
                if (seq !== activeAutofillSeq) return;
                var desaMatch = findBestMatch(desaData, desaName);
                setOptions(desaSelect, desaData, 'Pilih Desa/Kelurahan', desaMatch ? desaMatch.id : '');
                if (desaMatch) {
                    setHiddenName('desa_nama', desaMatch.name);
                    dbg('Desa/Kelurahan match', desaMatch);
                } else {
                    dbg('Desa/Kelurahan tidak match ke data API', {
                        candidate: desaName,
                        total: desaData.length
                    });
                }
            } catch (err) {
                console.warn('Gagal auto-fill wilayah dari peta:', err);
                dbg('Error auto-fill wilayah', {
                    message: err && err.message ? err.message : String(err)
                });
            }
        }

        function setMarker(lat, lng, doReverse) {
            if (marker) {
                marker.setLatLng([lat, lng]);
            } else {
                marker = L.marker([lat, lng]).addTo(map);
            }

            var latInput = document.getElementById('latitude');
            var lngInput = document.getElementById('longitude');

            if (latInput) latInput.value = lat.toFixed(6);
            if (lngInput) lngInput.value = lng.toFixed(6);

            if (doReverse) {
                updateAddressFromMap(lat, lng);
            }
        }

        function updateAddressFromMap(lat, lng) {
            var alamatInput = document.getElementById('alamat');
            if (!alamatInput) return;

            alamatInput.placeholder = 'Mengambil alamat dari peta...';
            dbg('Mulai reverse geocoding', {
                lat: lat,
                lng: lng
            });

            var url = 'https://nominatim.openstreetmap.org/reverse' +
                '?format=jsonv2' +
                '&lat=' + encodeURIComponent(lat) +
                '&lon=' + encodeURIComponent(lng) +
                '&addressdetails=1' +
                '&zoom=18';

            fetch(url, {
                    headers: {
                        'Accept': 'application/json'
                    }
                })
                .then(function(res) {
                    dbg('Response reverse geocoding', {
                        ok: res.ok,
                        status: res.status
                    });
                    return res.json();
                })
                .then(function(geoData) {
                    if (!geoData) return;

                    var addr = geoData.address || {};
                    var displayParts = splitDisplayName(geoData.display_name || '');
                    var parts = [];

                    if (addr.road) parts.push(addr.road);
                    if (addr.neighbourhood) parts.push(addr.neighbourhood);
                    if (addr.village || addr.hamlet || addr.suburb) {
                        parts.push(addr.village || addr.hamlet || addr.suburb);
                    }
                    if (addr.city || addr.town || addr.municipality) {
                        parts.push(addr.city || addr.town || addr.municipality);
                    }
                    if (addr.county) parts.push(addr.county);
                    if (addr.state) parts.push(addr.state);
                    if (addr.postcode) parts.push(addr.postcode);

                    var nice = parts.join(', ');
                    if (!nice && geoData.display_name) {
                        nice = geoData.display_name;
                    }

                    if (nice) {
                        alamatInput.value = nice;
                    }
                    alamatInput.placeholder = 'Alamat pelanggan';

                    dbg('Hasil reverse geocoding', {
                        display_name: geoData.display_name || '',
                        address: addr
                    });

                    // Fallback referensi peta jika field address kurang lengkap
                    setHint('hint-provinsi', addr.state || addr.region || addr.province || displayParts.prov);
                    setHint('hint-kabupaten', addr.county || addr.state_district || addr.city || addr.town || addr.municipality || displayParts.kab);
                    setHint('hint-kecamatan', addr.city_district || addr.district || addr.suburb || addr.borough || displayParts.kec);
                    setHint('hint-desa', addr.village || addr.hamlet || addr.quarter || addr.neighbourhood || displayParts.desa);

                    autofillWilayahFromAddress(addr);
                })
                .catch(function(err) {
                    console.warn('Gagal reverse geocoding:', err);
                    alamatInput.placeholder = 'Alamat pelanggan';
                    setHint('hint-provinsi', 'gagal mengambil data');
                    setHint('hint-kabupaten', 'gagal mengambil data');
                    setHint('hint-kecamatan', 'gagal mengambil data');
                    setHint('hint-desa', 'gagal mengambil data');
                    dbg('Error reverse geocoding', {
                        message: err && err.message ? err.message : String(err),
                        stack: err && err.stack ? err.stack : ''
                    });
                });
        }

        if (hasPoint) {
            setMarker(defaultLat, defaultLng, false);
        }

        map.on('click', function(e) {
            setHint('hint-provinsi', 'memuat...');
            setHint('hint-kabupaten', 'memuat...');
            setHint('hint-kecamatan', 'memuat...');
            setHint('hint-desa', 'memuat...');
            dbg('Klik peta', {
                lat: e.latlng.lat,
                lng: e.latlng.lng
            });
            setMarker(e.latlng.lat, e.latlng.lng, true);
        });

        var btnLocate = document.getElementById('btn-locate');
        if (btnLocate && navigator.geolocation) {
            btnLocate.addEventListener('click', function() {
                navigator.geolocation.getCurrentPosition(
                    function(pos) {
                        var lat = pos.coords.latitude;
                        var lng = pos.coords.longitude;
                        map.setView([lat, lng], 17);
                        setHint('hint-provinsi', 'memuat...');
                        setHint('hint-kabupaten', 'memuat...');
                        setHint('hint-kecamatan', 'memuat...');
                        setHint('hint-desa', 'memuat...');
                        setMarker(lat, lng, true);
                    },
                    function(err) {
                        alert('Gagal mendapatkan lokasi: ' + err.message);
                    }, {
                        enableHighAccuracy: true
                    }
                );
            });
        }
    });
</script>