{{-- resources/views/siswa/views-scripts.blade.php --}}
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const formEditSiswa = document.getElementById('formEditSiswa');
    if(formEditSiswa) {
        formEditSiswa.addEventListener('submit', function(e) {
            e.preventDefault();
            Swal.fire({ title: 'Menyimpan Data...', html: 'Sistem sedang memproses pembaruan data.', allowOutsideClick: false, showConfirmButton: false, didOpen: () => { Swal.showLoading(); }});

            fetch("{{ route('siswa.update-profil') }}", {
                method: 'POST', body: new FormData(this), headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json', 'X-HTTP-Method-Override': 'PUT' }
            })
            .then(async response => {
                if (!response.ok) {
                    if (response.status === 422) { const errorData = await response.json(); throw { type: 'validation', errors: errorData.errors }; }
                    const contentType = response.headers.get("content-type");
                    if (contentType && contentType.indexOf("application/json") !== -1) { const errData = await response.json(); throw new Error(errData.message || 'Terjadi kesalahan pada server.'); } 
                    else { throw new Error(`Server merespons dengan status ${response.status}.`); }
                }
                return response.json();
            })
            .then(data => { Swal.fire({ icon: 'success', title: 'Berhasil!', text: "Profil berhasil diperbarui", timer: 2000, showConfirmButton: false }).then(() => { window.location.reload(); }); })
            .catch(error => {
                if (error.type === 'validation') {
                    let errorHtml = '<ul class="text-start mb-0 text-danger" style="font-size: 14px;">';
                    for (const key in error.errors) { errorHtml += `<li>${error.errors[key][0]}</li>`; }
                    errorHtml += '</ul>';
                    Swal.fire({ icon: 'error', title: 'Validasi Gagal!', html: errorHtml, confirmButtonText: 'Periksa Kembali' });
                } else { Swal.fire({ icon: 'error', title: 'Oops...', text: error.message }); }
            });
        });
    }

    const togglePasswordBtns = document.querySelectorAll('.btn-toggle-password');
    togglePasswordBtns.forEach(btn => {
        btn.addEventListener('click', function() {
            const targetSelector = this.getAttribute('data-target');
            const passwordInput = document.querySelector(targetSelector);
            const icon = this.querySelector('i');
            
            if (passwordInput.type === 'password') {
                passwordInput.type = 'text';
                icon.classList.remove('bi-eye');
                icon.classList.add('bi-eye-slash');
            } else {
                passwordInput.type = 'password';
                icon.classList.remove('bi-eye-slash');
                icon.classList.add('bi-eye');
            }
        });
    });
});
</script>
@endpush