document.addEventListener('DOMContentLoaded', () => {
    // --- Logika Navigasi Bawah ---
    const navBar = document.querySelector(".nav1");
    if (navBar) {
        const linkItems = navBar.querySelectorAll(".nav-list1 .link-item1");

        // Fungsi untuk mengaktifkan item navigasi
        function activateLink(linkToActivate) {
            linkItems.forEach(linkItem => {
                linkItem.classList.remove("active1");
            });
            linkToActivate.classList.add("active1");
        }

        linkItems.forEach(linkItem => {
            linkItem.addEventListener("click", (e) => {
                const href = linkItem.getAttribute('href');
                if (href === '#' || href === '') {
                    e.preventDefault();
                }
                activateLink(linkItem);
            });
        });

        // Set item aktif saat halaman dimuat berdasarkan URL saat ini
        const currentPath = window.location.pathname;
        let initialActiveLink = null;

        // Mendapatkan path relatif dari folder 'lapor'
        const pathSegments = currentPath.split('/');
        let relevantPath = ''; // Ini akan menyimpan path yang relevan untuk perbandingan

        const laporIndex = pathSegments.indexOf('lapor');
        if (laporIndex !== -1) {
            // Ambil semua segmen setelah 'lapor'
            relevantPath = pathSegments.slice(laporIndex + 1).join('/');
        } else {
            // Fallback jika 'lapor' tidak ditemukan (misal: testing di root local tanpa folder 'lapor')
            // Dalam kasus ini, kita asumsikan currentPath adalah path relevan
            relevantPath = currentPath.substring(currentPath.lastIndexOf('/') + 1);
        }

        // Normalisasi relevantPath: jika kosong, itu adalah index.php
        if (relevantPath === '' || relevantPath === 'index.php') {
            relevantPath = 'index.php'; // Normalize both "" and "index.php" to "index.php"
        }

        // --- Logika Deteksi Link Aktif yang Diperbarui ---
        linkItems.forEach(linkItem => {
            const linkHref = linkItem.getAttribute('href');
            let normalizedLinkHref = linkHref;

            // Normalisasi href dari link item
            if (normalizedLinkHref === './') {
                normalizedLinkHref = 'index.php';
            } else if (normalizedLinkHref === '') {
                normalizedLinkHref = 'index.php';
            }
            // Jika linkHref adalah 'lapor_kehamilan.php' tapi file aslinya di 'laporkehamilan/lapor_kehamilan.php'
            // Kita perlu menyamakan format perbandingannya.
            // Biarkan linkHref apa adanya jika sudah path relatif yang benar dari root
            
            // Untuk link lapor_kehamilan.php, href di nav.php kemungkinan besar adalah "lapor_kehamilan.php"
            // Namun URL aslinya adalah ".../laporkehamilan/lapor_kehamilan.php"
            // Jadi kita perlu perbandingan yang lebih cerdas.

            if (linkHref === relevantPath) { // Coba cocokkan langsung path
                initialActiveLink = linkItem;
                return;
            } else if (linkHref === 'index.php' && relevantPath === 'index.php') { // Home case
                initialActiveLink = linkItem;
                return;
            } else if (linkHref === 'lapor_kehamilan.php' && relevantPath === 'laporkehamilan/lapor_kehamilan.php') {
                // Kasus spesifik untuk lapor_kehamilan yang ada di subfolder
                initialActiveLink = linkItem;
                return;
            }
            // Anda mungkin perlu menambahkan kasus serupa untuk fitur, analitik, profil jika mereka juga di subfolder
        });
        
        // --- Fallback dan Penentuan Akhir ---
        // Jika belum ada yang cocok berdasarkan URL, coba yang punya kelas active1 di HTML (sebagai default)
        if (!initialActiveLink) {
            initialActiveLink = navBar.querySelector(".link-item1.active1");
        }

        // Jika masih belum ada, aktifkan item pertama
        if (!initialActiveLink && linkItems.length > 0) {
            initialActiveLink = linkItems[0];
        }

        // Aktifkan link awal jika ditemukan
        if (initialActiveLink) {
            activateLink(initialActiveLink);
        }
    }


    // --- Logika Form Lapor Kehamilan (Tidak Berubah) ---
    const buktiYaRadio = document.getElementById('buktiYa');
    const buktiTidakRadio = document.getElementById('buktiTidak');
    const uploadFotoContainer = document.getElementById('uploadFotoContainer');
    const buktiFotoInput = document.getElementById('buktiFoto');

    function toggleUploadContainer() {
        if (buktiYaRadio && buktiYaRadio.checked) {
            uploadFotoContainer.style.display = 'block';
            buktiFotoInput.setAttribute('required', 'required');
        } else if (buktiTidakRadio && buktiTidakRadio.checked) {
            uploadFotoContainer.style.display = 'none';
            buktiFotoInput.removeAttribute('required');
            buktiFotoInput.value = '';
        }
    }

    if (buktiYaRadio && buktiTidakRadio) {
        buktiYaRadio.addEventListener('change', toggleUploadContainer);
        buktiTidakRadio.addEventListener('change', toggleUploadContainer);
        toggleUploadContainer();
    }

    const laporKehamilanForm = document.getElementById('laporKehamilanForm');
    const agreementModalElement = document.getElementById('agreementModal'); 
    
    let agreementModal;
    if (agreementModalElement) {
        agreementModal = new bootstrap.Modal(agreementModalElement);
    }

    const agreeBtnBootstrap = document.getElementById('agreeBtnBootstrap'); 

    if (laporKehamilanForm) {
        laporKehamilanForm.addEventListener('submit', function(event) {
            event.preventDefault(); 

            if (laporKehamilanForm.checkValidity()) {
                if (agreementModal) { 
                    agreementModal.show();
                }
            } else {
                laporKehamilanForm.reportValidity();
            }
        });
    }

    if (agreeBtnBootstrap) {
        agreeBtnBootstrap.addEventListener('click', function() {
            if (agreementModal) { 
                agreementModal.hide();
            }
            
            alert('Form berhasil dikirim! Anda telah menyetujui syarat & ketentuan.');
            laporKehamilanForm.reset();
            toggleUploadContainer();
        });
    }
});
document.addEventListener('DOMContentLoaded', () => {
    // Pastikan kode ini hanya berjalan di halaman dengan form profil
    const profileInfoForm = document.getElementById('profileInfoForm');
    if (!profileInfoForm) {
        return;
    }

    // --- Ambil Elemen HTML Utama ---
    const editInfoBtn = document.getElementById('editInfoBtn');
    const saveInfoBtn = document.getElementById('saveInfoBtn');
    const cancelEditBtn = document.getElementById('cancelEditBtn');
    
    // Semua input yang potensial bisa diedit (kecuali kewarganegaraan)
    const inputFields = profileInfoForm.querySelectorAll('input[type="text"], input[type="tel"], input[type="date"]'); 

    const nationalityInput = document.getElementById('kewarganegaraan');
    const fullNameInput = document.getElementById('namaLengkap');
    const phoneNumberInput = document.getElementById('nomorHpWa');
    const addressInput = document.getElementById('alamat');
    const villageInput = document.getElementById('desa');
    const rtInput = document.getElementById('rt');
    const rwInput = document.getElementById('rw');
    const coordinatesInput = document.getElementById('koordinat'); // Input koordinat utama
    const tanggalLahirInput = document.getElementById('tanggalLahir');
    const nikInput = document.getElementById('nik'); // NIK sekarang bisa diedit

    const profilePicInput = document.getElementById('profilePicInput');
    const profilePicPreview = document.getElementById('profilePicPreview');
    const profilePicPlaceholder = document.getElementById('profilePicPlaceholder');
    const uploadPicTrigger = document.getElementById('uploadPicTrigger');

    const messageArea = document.getElementById('profileMessage');
    const loadingOverlay = document.getElementById('loadingOverlay');

    // --- Elemen untuk Peta Modal ---
    const getCoordinatesBtn = document.getElementById('getCoordinatesBtn');
    const mapModalElement = document.getElementById('mapModal'); // Referensi ke elemen modal DOM
    let mapModal; // Akan diinisialisasi sebagai instance Bootstrap Modal

    // Periksa apakah Bootstrap 5+ digunakan atau Bootstrap 4.x (via jQuery)
    if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
        // Bootstrap 5+
        mapModal = new bootstrap.Modal(mapModalElement, {
            keyboard: false,
            backdrop: 'static'
        });
    } else if (typeof jQuery !== 'undefined') {
        // Asumsi Bootstrap 4.x dengan jQuery
        // mapModal akan menjadi null, dan kita akan langsung panggil `$('#mapModal').modal('show')`
    } else {
        console.warn("Bootstrap JS atau jQuery tidak ditemukan. Modal peta mungkin tidak berfungsi.");
    }

    const mapDiv = document.getElementById('map');
    const selectedCoordinatesSpan = document.getElementById('selectedCoordinates');
    const saveMapCoordinatesBtn = document.getElementById('saveMapCoordinates');
    const cancelMapModalBtn = document.getElementById('cancelMapModalBtn'); // Ambil elemen tombol batal modal

    let map; // Variabel untuk menyimpan instance peta Leaflet
    let marker; // Variabel untuk menyimpan marker di peta
    let currentSelectedLatLng = null; // Untuk menyimpan koordinat yang dipilih di modal

    let originalProfileData = {}; // Untuk menyimpan data asli dari server

    // --- Utility Functions ---
    function showMessage(message, type) {
        if (messageArea) {
            messageArea.innerHTML = message;
            messageArea.className = 'message-area ' + (type === 'success' ? 'success-message' : (type === 'error' ? 'error-message' : 'info-message'));
            messageArea.classList.remove('hidden');
        } else {
            console.warn("Element with ID 'profileMessage' not found.");
        }
    }

    function hideMessage() {
        if (messageArea) {
            messageArea.classList.add('hidden');
        }
    }

    function showLoading() {
        if (loadingOverlay) loadingOverlay.classList.remove('hidden');
    }

    function hideLoading() {
        if (loadingOverlay) loadingOverlay.classList.add('hidden');
    }

    // --- Form Edit Mode Logic ---
    function setFormEditable(isEditable) {
        inputFields.forEach(input => {
            // Kecualikan HANYA bidang kewarganegaraan
            if (input.id !== 'kewarganegaraan') { 
                input.readOnly = !isEditable;
                if (isEditable) {
                    input.style.backgroundColor = '#FFFFFF';
                    input.style.borderColor = '#4070F4';
                    input.style.boxShadow = '0 0 0 0.2rem rgba(64, 112, 244, 0.25)';
                } else {
                    input.style.backgroundColor = '#f7f7f7';
                    input.style.borderColor = '#ddd';
                    input.style.boxShadow = 'none';
                }
            }
        });
        
        // Toggle visibilitas tombol utama
        if (editInfoBtn) editInfoBtn.classList.toggle('d-none', isEditable);
        if (saveInfoBtn) saveInfoBtn.classList.toggle('d-none', !isEditable);
        if (cancelEditBtn) cancelEditBtn.classList.toggle('d-none', !isEditable);

        // Aktifkan/nonaktifkan klik ikon kamera untuk upload gambar
        if (uploadPicTrigger) {
            uploadPicTrigger.style.pointerEvents = isEditable ? 'auto' : 'none';
            uploadPicTrigger.style.opacity = isEditable ? '1' : '0.7';
        }

        // Atur status tombol Ambil Koordinat
        if (getCoordinatesBtn) {
            getCoordinatesBtn.disabled = !isEditable;
            getCoordinatesBtn.style.opacity = isEditable ? '1' : '0.7';
            getCoordinatesBtn.style.cursor = isEditable ? 'pointer' : 'not-allowed';
        }
    }

    // --- Mengisi Form dengan Data Profil ---
    function populateForm(profile) {
        if (nationalityInput) nationalityInput.value = profile.kewarganegaraan || 'Warga Negara Indonesia';
        if (fullNameInput) fullNameInput.value = profile.full_name || '';
        if (phoneNumberInput) phoneNumberInput.value = profile.phone_number || '';
        if (addressInput) addressInput.value = profile.address || '';
        if (villageInput) villageInput.value = profile.village || '';
        if (rtInput) rtInput.value = profile.rt || '';
        if (rwInput) rwInput.value = profile.rw || '';
        if (coordinatesInput) coordinatesInput.value = profile.coordinates || ''; // Mengisi input koordinat utama
        
        if (tanggalLahirInput && profile.date_of_birth) {
            const date = new Date(profile.date_of_birth);
            tanggalLahirInput.value = date.toISOString().split('T')[0]; 
        } else if (tanggalLahirInput) {
            tanggalLahirInput.value = '';
        }

        if (nikInput) nikInput.value = profile.nik || ''; // NIK sekarang akan diisi

        if (profilePicPreview && profilePicPlaceholder) {
            if (profile.profile_picture_url) {
                profilePicPreview.src = '../../' + profile.profile_picture_url;
                profilePicPreview.classList.remove('hidden');
                profilePicPlaceholder.classList.add('hidden');
            } else {
                profilePicPreview.src = '';
                profilePicPreview.classList.add('hidden');
                profilePicPlaceholder.classList.remove('hidden');
            }
        }
    }

    // --- Inisialisasi Peta Leaflet ---
    function initMap() {
        // Cek jika peta sudah ada, hancurkan dulu untuk inisialisasi ulang
        if (map) { 
            map.remove(); // Hapus instance peta sebelumnya
            map = null; // Setel ke null
        }

        let defaultLat = -7.6322; // Koordinat default Pasuruan, East Java
        let defaultLng = 112.9099;

        // Coba ambil koordinat dari input form utama jika sudah ada
        const existingCoordinates = coordinatesInput ? coordinatesInput.value : '';
        if (existingCoordinates) {
            const parts = existingCoordinates.split(',');
            if (parts.length === 2 && !isNaN(parseFloat(parts[0])) && !isNaN(parseFloat(parts[1]))) {
                defaultLat = parseFloat(parts[0].trim());
                defaultLng = parseFloat(parts[1].trim());
            }
        }
        
        // Inisialisasi peta pada div 'map'
        if (mapDiv) {
            map = L.map('map').setView([defaultLat, defaultLng], 13); // Zoom level 13

            // Tambahkan Tile Layer OpenStreetMap
            L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
            }).addTo(map);

            // Tambahkan marker yang bisa digeser (draggable)
            marker = L.marker([defaultLat, defaultLng], { draggable: true }).addTo(map);
            currentSelectedLatLng = marker.getLatLng();
            if (selectedCoordinatesSpan) {
                selectedCoordinatesSpan.textContent = `${currentSelectedLatLng.lat.toFixed(6)}, ${currentSelectedLatLng.lng.toFixed(6)}`;
            }

            // Update koordinat saat marker digeser
            marker.on('dragend', function(e) {
                currentSelectedLatLng = marker.getLatLng();
                if (selectedCoordinatesSpan) {
                    selectedCoordinatesSpan.textContent = `${currentSelectedLatLng.lat.toFixed(6)}, ${currentSelectedLatLng.lng.toFixed(6)}`;
                }
            });

            // Update koordinat saat peta diklik
            map.on('click', function(e) {
                marker.setLatLng(e.latlng);
                currentSelectedLatLng = e.latlng;
                if (selectedCoordinatesSpan) {
                    selectedCoordinatesSpan.textContent = `${currentSelectedLatLng.lat.toFixed(6)}, ${currentSelectedLatLng.lng.toFixed(6)}`;
                }
            });
        }
    }

    // --- Event Listeners ---

    // Trigger input file saat overlay kamera diklik
    if (uploadPicTrigger && profilePicInput) {
        uploadPicTrigger.addEventListener('click', function(e) {
            e.preventDefault();
            if (editInfoBtn && editInfoBtn.classList.contains('d-none')) { 
                profilePicInput.click();
            } else {
                 showMessage('Anda harus dalam mode "Ubah" untuk mengupload gambar.', 'info');
            }
        });
    }

    // Preview gambar saat dipilih
    if (profilePicInput && profilePicPreview && profilePicPlaceholder) {
        profilePicInput.addEventListener('change', function() {
            const file = this.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    profilePicPreview.src = e.target.result;
                    profilePicPreview.classList.remove('hidden');
                    profilePicPlaceholder.classList.add('hidden');
                };
                reader.readAsDataURL(file);
            } else {
                // Jika tidak ada file dipilih, kembali ke gambar asli atau placeholder
                if (originalProfileData.profile_picture_url) {
                    profilePicPreview.src = '../../' + originalProfileData.profile_picture_url;
                    profilePicPreview.classList.remove('hidden');
                    profilePicPlaceholder.classList.add('hidden');
                } else {
                    profilePicPreview.src = '';
                    profilePicPreview.classList.add('hidden');
                    profilePicPlaceholder.classList.remove('hidden');
                }
            }
        });
    }

    // Event listener untuk tombol "Ubah"
    if (editInfoBtn) {
        editInfoBtn.addEventListener('click', () => {
            setFormEditable(true);
            hideMessage();
        });
    }

    // Event listener untuk tombol "Batal" (form utama)
    if (cancelEditBtn) {
        cancelEditBtn.addEventListener('click', () => {
            setFormEditable(false);
            populateForm(originalProfileData);
            hideMessage();
            if (profilePicInput) profilePicInput.value = null; // Clear input file
            // Pastikan preview gambar kembali ke gambar asli jika dibatalkan
            if (profilePicPreview && profilePicPlaceholder) {
                if (originalProfileData.profile_picture_url) {
                    profilePicPreview.src = '../../' + originalProfileData.profile_picture_url;
                    profilePicPreview.classList.remove('hidden');
                    profilePicPlaceholder.classList.add('hidden');
                } else {
                    profilePicPreview.src = '';
                    profilePicPreview.classList.add('hidden');
                    profilePicPlaceholder.classList.remove('hidden');
                }
            }
        });
    }

    // Event listener untuk tombol "Ambil Koordinat"
    if (getCoordinatesBtn && mapModalElement) {
        getCoordinatesBtn.addEventListener('click', () => {
            if (editInfoBtn && editInfoBtn.classList.contains('d-none')) { // Hanya bisa diklik saat mode edit
                // Tampilkan modal sesuai versi Bootstrap
                if (mapModal) { // Bootstrap 5+
                    mapModal.show();
                } else if (typeof jQuery !== 'undefined') { // Bootstrap 4.x dengan jQuery
                    $('#mapModal').modal('show'); 
                }

                // Penting: Inisialisasi peta setelah modal sepenuhnya terbuka
                // Gunakan event 'shown.bs.modal' dari Bootstrap
                mapModalElement.addEventListener('shown.bs.modal', function handler() {
                    initMap();
                    // Invalidate size agar peta render dengan benar setelah modal muncul
                    if (map) map.invalidateSize(); 
                    // Hapus event listener ini setelah dipicu sekali
                    this.removeEventListener('shown.bs.modal', handler);
                });
            } else {
                showMessage('Anda harus dalam mode "Ubah" untuk mengambil koordinat.', 'info');
            }
        });
    }

    // Event listener untuk tombol "Simpan Koordinat" di modal peta
    if (saveMapCoordinatesBtn) {
        saveMapCoordinatesBtn.addEventListener('click', () => {
            if (currentSelectedLatLng) {
                if (coordinatesInput) {
                    coordinatesInput.value = `${currentSelectedLatLng.lat.toFixed(6)}, ${currentSelectedLatLng.lng.toFixed(6)}`;
                }
                // Sembunyikan modal sesuai versi Bootstrap
                if (mapModal) {
                    mapModal.hide();
                } else if (typeof jQuery !== 'undefined') {
                    $('#mapModal').modal('hide');
                }
            } else {
                alert('Silakan pilih lokasi di peta terlebih dahulu.');
            }
        });
    }

    // Event listener untuk tombol "Batal" di modal peta
    if (cancelMapModalBtn) {
        cancelMapModalBtn.addEventListener('click', () => {
            if (mapModal) { // Jika Bootstrap 5+ Modal
                mapModal.hide();
            } else if (typeof jQuery !== 'undefined') { // Asumsi Bootstrap 4.x dengan jQuery
                $('#mapModal').modal('hide'); 
            }
        });
    }


    // Event listener untuk submit form (tombol "Simpan Perubahan")
    if (profileInfoForm) {
        profileInfoForm.addEventListener('submit', async (e) => {
            e.preventDefault();
            hideMessage();
            if (saveInfoBtn) {
                saveInfoBtn.disabled = true;
                saveInfoBtn.textContent = 'Menyimpan...';
            }
            showLoading();

            const formData = new FormData(profileInfoForm);
            
            if (profilePicInput && profilePicInput.files.length > 0) {
                formData.append('profile_picture', profilePicInput.files[0]);
            }

            // Kita akan membangun FormData baru untuk menghindari pengiriman 'kewarganegaraan'
            const finalFormData = new FormData();
            for (let [key, value] of formData.entries()) {
                if (key !== 'kewarganegaraan') { 
                    finalFormData.append(key, value);
                }
            }
            
            try {
                const response = await fetch('../../api/update_profile.php', {
                    method: 'POST',
                    body: finalFormData
                });

                if (!response.ok) {
                    const errorText = await response.text(); 
                    let errorMessage = 'Gagal memperbarui profil.';
                    try {
                        const errorData = JSON.parse(errorText);
                        errorMessage = errorData.message || errorMessage;
                    } catch (jsonError) {
                        errorMessage = `Kesalahan format respons dari server: ${errorText.substring(0, 100)}...`;
                        console.error("Failed to parse JSON error response:", jsonError, "Raw response:", errorText);
                    }
                    throw new Error(errorMessage);
                }
                
                const result = await response.json();

                if (result.success) { // Menggunakan 'success' sesuai dengan PHP Anda
                    showMessage(result.message || 'Data profil berhasil diperbarui!', 'success');
                    
                    if (result.profile) { 
                        // Update originalProfileData dengan data terbaru dari server
                        originalProfileData = { ...originalProfileData, ...result.profile }; 
                        populateForm(originalProfileData); // Isi ulang form dengan data terbaru
                    }

                    setFormEditable(false); // Kembalikan form ke mode readonly
                    if (profilePicInput) profilePicInput.value = null; // Clear input file

                    // Perbarui gambar profil di UI
                    const newProfilePicUrl = result.profile ? result.profile.profile_picture_url : null;
                    if (newProfilePicUrl && profilePicPreview && profilePicPlaceholder) {
                        profilePicPreview.src = '../../' + newProfilePicUrl + '?' + new Date().getTime(); // Tambahkan timestamp untuk memaksa refresh
                        profilePicPreview.classList.remove('hidden');
                        profilePicPlaceholder.classList.add('hidden');
                    } else if (originalProfileData.profile_picture_url && profilePicPreview && profilePicPlaceholder) {
                        profilePicPreview.src = '../../' + originalProfileData.profile_picture_url;
                        profilePicPreview.classList.remove('hidden');
                        profilePicPlaceholder.classList.add('hidden');
                    } else if (profilePicPreview && profilePicPlaceholder) {
                        profilePicPreview.src = '';
                        profilePicPreview.classList.add('hidden');
                        profilePicPlaceholder.classList.remove('hidden');
                    }

                } else {
                    showMessage(result.message || 'Gagal memperbarui data profil: Terjadi kesalahan.', 'error');
                }
            } catch (error) {
                console.error('Error saat mengirim data:', error);
                showMessage('Terjadi kesalahan jaringan atau server saat menyimpan data: ' + error.message, 'error');
            } finally {
                if (saveInfoBtn) {
                    saveInfoBtn.disabled = false;
                    saveInfoBtn.textContent = 'Simpan Perubahan';
                }
                hideLoading();
            }
        });
    }

    // --- Inisialisasi Saat Halaman Dimuat ---
    if (profileInfoForm) {
        // Ambil data awal dari DOM yang sudah diisi oleh PHP
        originalProfileData = {
            full_name: fullNameInput ? fullNameInput.value : '',
            phone_number: phoneNumberInput ? phoneNumberInput.value : '',
            address: addressInput ? addressInput.value : '',
            village: villageInput ? villageInput.value : '',
            rt: rtInput ? rtInput.value : '',
            rw: rwInput ? rwInput.value : '',
            coordinates: coordinatesInput ? coordinatesInput.value : '',
            date_of_birth: tanggalLahirInput ? tanggalLahirInput.value : '', 
            nik: nikInput ? nikInput.value : '', 
            profile_picture_url: profilePicPreview && profilePicPreview.src.includes('uploads/profile_pictures/') 
                                 ? profilePicPreview.src.split('../../').pop() 
                                 : ''
        };
        console.log("Initial originalProfileData:", originalProfileData);
    }

    // Atur form menjadi readonly secara default
    setFormEditable(false); 
    
    // Pastikan tampilan gambar profil sudah sesuai saat inisialisasi
    if (profilePicPreview && profilePicPlaceholder) {
        if (profilePicPreview.src && profilePicPreview.src.includes('uploads/profile_pictures/')) {
            profilePicPreview.classList.remove('hidden');
            profilePicPlaceholder.classList.add('hidden');
        } else {
            profilePicPreview.src = '';
            profilePicPreview.classList.add('hidden');
            profilePicPlaceholder.classList.remove('hidden');
        }
    }
});
//PROSES LOGIN
