<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard Siswa</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <style>
        #sidebar { min-width: 250px; max-width: 250px; min-height: 100vh; background: #343a40; color: #fff; }
        .nav-link { color: #ccc; padding: 12px 20px; text-decoration: none; display: block; }
        .nav-link:hover { color: #fff; background: #495057; }
        .nav-link.active { color: #fff; background: #0d6efd; }
        @media (max-width: 768px) { 
            #sidebar { display: none; } /* Sidebar tersembunyi di HP */
        }
    </style>
</head>
<body>
<div class="d-flex">
    <nav id="sidebar">
        <div class="p-3 text-center">
            <h5 class="py-2">SIAKAD SISWA</h5>
        </div>
        <ul class="nav flex-column">
            <li class="nav-item"><a href="dashboard.php" class="nav-link"><i class="bi bi-speedometer2"></i> Dashboard</a></li>
            <li class="nav-item">
    <a href="jadwal.php" class="nav-link">
        <i class="bi bi-calendar-event"></i> Lihat Jadwal
    </a>
</li>
            <li class="nav-item"><a href="materi.php" class="nav-link"><i class="bi bi-book"></i> Materi</a></li>
            <li class="nav-item"><a href="tugas.php" class="nav-link"><i class="bi bi-pencil-square"></i> Tugas</a></li>
            <li class="nav-item"><a href="nilai.php" class="nav-link"><i class="bi bi-card-checklist"></i> Nilai</a></li>
            <li class="nav-item"><a href="tabungan.php" class="nav-link"><i class="bi bi-piggy-bank"></i> Tabungan</a></li>
            <hr class="mx-3">
            <li class="nav-item"><a href="../logout.php" class="nav-link text-danger"><i class="bi bi-box-arrow-right"></i> Keluar</a></li>
        </ul>
    </nav>

    <div class="flex-grow-1 p-4">