<!DOCTYPE html>
<html lang="id">
<head>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        body { background-color: #f4f7f6; margin: 0; }
        .wrapper { display: flex; }
        .sidebar { width: 260px; height: 100vh; background-color: #0b2a5c; color: white; position: fixed; padding: 20px; }
        .content { margin-left: 260px; width: calc(100% - 260px); padding: 25px; }
        .profile-img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; }
        .nav-link { color: #d1d8e0; padding: 12px; text-decoration: none; display: block; }
        .nav-link:hover { background: #173e7d; color: #fff; border-radius: 5px; }
        .card { border-radius: 15px; border: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class="sidebar">
            <div class="text-center mb-4">
                <img src="../assets/img/guru/<?= $_SESSION['foto'] ?? 'default.png'; ?>" class="profile-img mb-2">
                <h6><?= $_SESSION['nama_lengkap']; ?></h6>
                <small>NIP: <?= $_SESSION['nip'] ?? '-'; ?></small>
            </div>
            <a class="nav-link" href="dashboard.php"><i class="fas fa-home me-2"></i> Dashboard</a>
            <a class="nav-link" href="siswa.php"><i class="fas fa-users me-2"></i> Data Siswa</a>
            <a class="nav-link" href="tujuan_pembelajaran.php"><i class="fas fa-tasks me-2"></i> Input Data TP</a>
            <a class="nav-link" href="input_nilai.php"><i class="fas fa-pen me-2"></i> Input Nilai</a>
            <a class="nav-link" href="absensi_siswa.php"><i class="fas fa-calendar-check me-2"></i> Absensi</a>
            <a class="nav-link" href="leger.php"><i class="fas fa-table me-2"></i> Leger Rapor</a>
            <hr>
            <a class="nav-link text-warning" href="../logout.php"><i class="fas fa-sign-out-alt me-2"></i> Keluar</a>
        </div>
        <div class="content">