import Swal from 'sweetalert2';
import flatpickr from "flatpickr";
import "flatpickr/dist/flatpickr.min.css";

flatpickr(".datepicker", {
    dateFormat: "Y-m-d",
});

window.Swal = Swal;
document.addEventListener('DOMContentLoaded', function() {

    const toggleBtn = document.getElementById('sidebarToggle');
    // Sesuaikan ID dengan asidemu yang baru
    const sidebar = document.getElementById('sidebar'); 

    if (toggleBtn && sidebar) {
        toggleBtn.addEventListener('click', function() {
            // Breakpoint 'lg' di Tailwind itu 1024px
            if (window.innerWidth >= 1024) {
                // --- MODE DESKTOP ---
                // Animasi sembunyi dengan margin minus
                sidebar.classList.toggle('-ml-64');
            } else {
                // --- MODE MOBILE (sm, md) ---
                // Toggle class hidden dan flex
                sidebar.classList.toggle('hidden');
                sidebar.classList.toggle('flex');
                
                // (Opsional) Biar sidebar di HP melayang di atas konten, nggak ngedorong layar:
                // sidebar.classList.toggle('absolute');
                // sidebar.classList.toggle('z-50');
            }
        });

        // (Opsional) Reset tampilan kalau layar di-resize dari mobile ke desktop 
        // (misal user ngerubah orientasi HP atau nge-maximize browser)
        window.addEventListener('resize', function() {
            if (window.innerWidth >= 1024) {
                // Balikin class ke bawaan HTML kamu
                sidebar.classList.add('hidden');
                sidebar.classList.remove('flex', 'absolute', 'z-50', '-ml-64');
            }
        });
    }
});
