<?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="Reusable Bootstrap 5 admin form layout">
  <title>Admin Form Layout | 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">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/form-layout.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
  <div class="admin-layout" id="adminLayout">
    <aside class="admin-sidebar" id="adminSidebar">
      <div class="admin-sidebar__brand">
        <a href="dashboard.php" class="brand">
        <img src="img/roboticsacademy.jpg" style="width: 238px; border-radius: 14px;">
        </a>
        <button class="admin-sidebar__close d-lg-none" id="closeSidebar" aria-label="Close sidebar">
          <i class="bi bi-x-lg"></i>
        </button>
      </div>

      <nav class="admin-sidebar__menu" aria-label="Sidebar menu">
        <a href="dashboard.php" class="menu-link"><i class="bi bi-grid"></i><span>Dashboard</span></a>
        <a href="#" class="menu-link"><i class="bi bi-people"></i><span>Students</span></a>
        <a href="#" class="menu-link"><i class="bi bi-person-workspace"></i><span>Instructors</span></a>
        <a href="#" class="menu-link"><i class="bi bi-collection-play"></i><span>Courses</span></a>
        <a href="#" class="menu-link"><i class="bi bi-journal-richtext"></i><span>Lessons</span></a>
        <a href="#" class="menu-link"><i class="bi bi-ui-checks-grid"></i><span>Quizzes</span></a>
        <a href="#" class="menu-link"><i class="bi bi-cart3"></i><span>Orders</span></a>
        <a href="#" class="menu-link"><i class="bi bi-bar-chart-line"></i><span>Reports</span></a>
        <a href="#" class="menu-link is-active"><i class="bi bi-layout-text-window-reverse"></i><span>CMS</span></a>
        <a href="#" class="menu-link"><i class="bi bi-patch-check"></i><span>Certificates</span></a>
        <a href="#" class="menu-link"><i class="bi bi-gear"></i><span>Settings</span></a>
      </nav>
    </aside>

    <div class="sidebar-overlay" id="sidebarOverlay"></div>

    <div class="admin-main">
      <header class="admin-topbar">
        <div class="admin-topbar__left">
          <button class="menu-toggle d-lg-none" id="openSidebar" aria-label="Open sidebar">
            <i class="bi bi-list"></i>
          </button>
          <h1 class="admin-page-title">Form Layout</h1>
        </div>

        <div class="admin-topbar__right">
          <button class="icon-btn" type="button" aria-label="Search"><i class="bi bi-search"></i></button>
          <div class="dropdown">
            <button class="icon-btn" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="Notifications">
              <i class="bi bi-bell"></i>
              <span class="notify-dot"></span>
            </button>
            <div class="dropdown-menu dropdown-menu-end shadow-sm topbar-dropdown p-0">
              <div class="dropdown-head">Notifications</div>
              <a class="dropdown-item" href="#">New content request submitted</a>
              <a class="dropdown-item" href="#">Draft page pending review</a>
              <a class="dropdown-item" href="#">System backup completed</a>
            </div>
          </div>
          <div class="dropdown">
            <button class="profile-chip dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
              <span class="profile-chip__avatar">AD</span>
              <span class="d-none d-sm-inline">Admin</span>
            </button>
            <ul class="dropdown-menu dropdown-menu-end shadow-sm">
              <li><a class="dropdown-item" href="#"><i class="bi bi-person me-2"></i>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>
      </header>