<?php
ob_start();
session_start();
include_once("include/functions.php");
if(empty($_SESSION['login_id']))
redirect("index.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Kids Dashboard - LMS">
  <title>Kids Dashboard | LMS</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="js/auth.js"></script>
     <link href="css/style.css" rel="stylesheet">

</head>
<body>
  <header class="top-nav">
    <div class="container-fluid top-nav__inner">
      <div class="top-nav__brand">
        <button class="top-nav__menu-toggle d-lg-none" id="sidebarToggle" aria-label="Toggle sidebar">
          <i class="bi bi-list"></i>
        </button>
        <a href="dashboard.php" class="logo">
          <center><span class="auth-brand__icon"><img src="img/roboticsacademy.jpg" style="width: 240px;border-radius: 20px;" ></span> </center>
        </a>
      </div>

      <nav class="top-nav__menu" aria-label="Primary menu">
        <a href="#" class="top-link is-active" data-section="dashboard">Dashboard</a>
        <a href="#" class="top-link" data-section="courses">My Lessons</a>
        <a href="#" class="top-link" data-section="badges">Badges</a>
        <a href="#" class="top-link" data-section="messages">Messages</a>
        <a href="#" class="top-link" data-section="activities">Activities</a>
        
      </nav>

      <div class="top-nav__right">
        <div class="dropdown">
          <button class="profile-btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
            <span class="profile-btn__avatar">KM</span>
            <span class="d-none d-md-inline">Profile</span>
          </button>
          <ul class="dropdown-menu dropdown-menu-end">
            <li><a class="dropdown-item" href="#"><i class="bi bi-person me-2"></i>My Profile</a></li>
            <li><a class="dropdown-item" href="#"><i class="bi bi-sliders me-2"></i>Preferences</a></li>
            <li><a class="dropdown-item" href="change_password.php"><i class="bi bi-lock me-2"></i>Change Password</a></li>

            <li><hr class="dropdown-divider"></li>
            <li><a class="dropdown-item text-danger" href="logout.php"><i class="bi bi-box-arrow-right me-2"></i>Logout</a></li>
          </ul>
        </div>
      </div>
    </div>
  </header>

 <div class="layout">
  <aside class="context-sidebar" id="contextSidebar">
    <div class="context-sidebar__head">
      <button class="context-sidebar__close d-lg-none" id="sidebarClose" aria-label="Close sidebar">
        <i class="bi bi-x-lg"></i>
      </button>
      <h2 id="contextTitle">Forms</h2>
    </div>
    <nav class="context-links" id="contextLinks" aria-label="Context links"></nav>
  </aside>
  
  