<head><link rel="icon" href="upload/bn2.png" type="image/png">
    <link rel="stylesheet" href="style_admin.css">
    <link rel="icon" href="upload/bn2.png" type="image/png">
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.7.0/fonts/remixicon.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" rel="stylesheet">
</head>
<div class="sidebar collapsed" id="sidebar">
    <button class="toggle-btn" onclick="toggleSidebar()"><i class="fas fa-bars"></i></button>
    <ul class="sidebar-menu">
        <li><a href="dashboard_admin.php"><i class="fas fa-home"></i> main board</a></li>
        <li class="dropdown">
            <a href="profil_admin.php"><i class="fas fa-user"></i> Profil </a>
        </li>
        <li class="sidebar-menu">
            <a href="manage_namasekolah.php">
                <i class="fas fa-tag me-2"></i> brand ulang
            </a>
        </li>
        <li class="dropdown">
            <a href="berita_admin.php"><i class="fas fa-newspaper"></i> Berita  </i></a>
        </li>
        <li class="dropdown">
            <a href="#" ><i class="fas fa-database"></i> Data <i class="fas fa-chevron-right"></i></a>
            <ul class="dropdown-content">
                <li><a href="siswa_admin.php">Siswa</a></li>
                <li><a href="manage_guru.php">Guru</a></li>
                <li><a href="manage_tenaga.php">Tenaga Pendidikan</a></li>
                <li><a href="manage_ruangkelas.php">Ruang/Kelas</a></li>
                <li><a href="manage_organisasi.php">Organisasi</a></li>
                <li><a href="manage_pengumuman.php">Pengumuman</a></li>
                <li><a href="manage_prestasi.php">Prestasi</a></li>
            </ul>
        </li>
        <li><a href="manage_galeri.php"><i class="fas fa-images"></i> Galeri</a></li>
        <li><a href="manage_informasi.php"><i class="fas fa-phone"></i> info</a></li>
        <li class="dropdown">
            <a href="#" ><i class="fas fa-user-circle"></i> Profil</i></a>
            <ul class="dropdown-content">
                <li><a href="logout.php">Logout</a></li>
            </ul>

    </ul>
</div>
<button class="toggle-btn-mobile" onclick="toggleSidebar()">
    <i class="fas fa-bars"></i>
</button>
<script>
    function toggleDropdown(element) {
        const dropdownContent = element.nextElementSibling;
        if (dropdownContent && dropdownContent.classList.contains('dropdown-content')) {
            const isExpanded = dropdownContent.style.maxHeight !== '0px' && dropdownContent.style.maxHeight !== '';
            if (isExpanded) {
                dropdownContent.style.maxHeight = '0px';
            } else {
                dropdownContent.style.maxHeight = '500px'; // Adjust based on content height
            }
        }
    }

    function toggleSidebar() {
        const sidebar = document.getElementById('sidebar');
        sidebar.classList.toggle('collapsed');
    }
</script>

