                <!-- Konten halaman berakhir di sini -->
            </main>
        </div> <!-- end .main-content -->
    </div> <!-- end .relative .min-h-screen -->

<script>
$(document).ready(function() {
    // === Konfigurasi Elemen ===
    const $sidebar = $('#sidebar');
    const $sidebarToggle = $('#sidebarToggle');
    const $sidebarOverlay = $('#sidebarOverlay');
    const $userMenuButton = $('#userMenuButton');
    const $userDropdown = $('#userDropdown');
    const $pageTitle = $('#page-title');
    const $sidebarLinks = $('#sidebar-nav a.sidebar-link');

    // === Fungsi Toggle Sidebar (Fitur Buka-Tutup) ===
    // Fungsi ini dipanggil ketika tombol hamburger (#sidebarToggle) diklik.
    // Tombol hamburger itu sendiri hanya terlihat di layar kecil (di bawah 1024px) berdasarkan class "lg:hidden" di header.php.
    function toggleSidebar() {
        $sidebar.toggleClass('show'); // Menambah/menghapus class 'show' untuk menampilkan/menyembunyikan sidebar
        $sidebarOverlay.toggleClass('hidden'); // Menampilkan/menyembunyikan overlay gelap di belakang sidebar
    }

    $sidebarToggle.on('click', function(e) {
        e.stopPropagation();
        toggleSidebar();
    });

    $sidebarOverlay.on('click', function() {
        if ($sidebar.hasClass('show')) {
            toggleSidebar();
        }
    });

    // === Fungsi Toggle Dropdown Menu Profil ===
    $userMenuButton.on('click', function(e) {
        e.stopPropagation();
        $userDropdown.toggleClass('hidden');
    });

    // === Menutup Dropdown saat klik di luar area ===
    $(window).on('click', function(e) {
        if (!$userDropdown.is(e.target) && $userDropdown.has(e.target).length === 0 && !$userMenuButton.is(e.target) && $userMenuButton.has(e.target).length === 0) {
            $userDropdown.addClass('hidden');
        }
    });

    // === Logika untuk Menu Aktif & Judul Halaman Dinamis ===
    const currentPageUrl = window.location.href;
    let isAnyLinkActive = false;

    $sidebarLinks.each(function() {
        const linkUrl = $(this).attr('href');
        if (currentPageUrl.includes(linkUrl)) {
            $sidebarLinks.removeClass('active');
            $(this).addClass('active');
            const activePageTitle = $(this).find('span').text();
            if ($pageTitle.length) {
                $pageTitle.text(activePageTitle);
            }
            isAnyLinkActive = true;
            return false;
        }
    });

    // Default ke Dashboard jika tidak ada URL yang cocok
    if (!isAnyLinkActive) {
        $sidebarLinks.first().addClass('active');
        if ($pageTitle.length) {
            $pageTitle.text('Dashboard');
        }
    }
});
</script>

</body>
</html>
