<?php
require_once "auth/config.php";
require_once "auth/auth_check.php";
?>


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover" />
  <title>Teacher Dashboard</title>

  <!-- Icons -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">

  <style>
/* ====== KEEP ALL YOUR CSS HERE (UNCHANGED) ====== */
:root{
  --bg: #f5f6fa;
  --panel: #ffffff;
  --text: #122;
  --muted: #60656b;
  --accent: #665af0;
  --material-nav-bg: #ffffff;
  --material-nav-active: #0f9d58;
}
:root[data-theme="dark"]{
  --bg:#071021; --panel:#071428; --text:#e6eef8; --muted:#9aa4b2; --accent:#8b7bff;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Header */
.top-header{
  position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--panel);border-bottom:1px solid rgba(0,0,0,0.06);z-index:1400;
}

/* FIX BOOTSTRAP MODAL OVERLAY ISSUE */
.modal {
    z-index: 9999 !important;
}

.modal-backdrop {
    z-index: 9998 !important;
}

.hdr-left,.hdr-center,.hdr-right{display:flex;align-items:center;gap:8px}
.hdr-center{flex:1}
.hdr-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}
.hdr-icon:hover{background:rgba(0,0,0,0.04)}
.profile-img{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer}
.hdr-badge{position:absolute;top:-6px;right:-6px;background:#d32f2f;color:#fff;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-weight:600}

/* Sidebar */
.sidebar{
  width:270px;position:fixed;top:64px;bottom:0;left:0;background:var(--panel);border-right:1px solid rgba(0,0,0,0.04);overflow:auto;padding:14px;transition:transform .25s ease,left .25s ease;z-index:2000;
}
.sidebar.hidden{ transform: translateX(-110%); }
.brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.logo{width:40px;height:40px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.menu{list-style:none;padding:0;margin:0}
.menu li{margin:6px 0}
.menu a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;color:var(--muted);text-decoration:none}
.menu a:hover{background:rgba(0,0,0,0.04);color:var(--text)}
.menu a.active{background:rgba(102,90,240,.13);color:var(--accent);font-weight:600}
.has-children > a{justify-content:space-between}
.submenu{display:none;margin-left:36px;padding-left:0}
.submenu a{padding:8px 10px;display:block}

/* Main */
.main{margin-left:270px;padding:92px 18px 80px;transition:margin-left .25s}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* Card */
.card{border-radius:10px;padding:12px;min-height:96px;color:black;position:relative;box-shadow:0 6px 18px rgba(16,24,40,0.06);}
.title{font-size:13px;opacity:.95}
.value{font-size:20px;font-weight:700;margin-top:6px}
.meta{font-size:12px;opacity:.95;margin-top:6px}
.round{position:absolute;top:12px;right:12px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.progress{height:7px;border-radius:8px;overflow:hidden;margin-top:8px;background:rgba(255,255,255,0.18)}
.progress span{display:block;height:7px;background:rgba(255,255,255,0.95);border-radius:8px}

/* Colors */
.bg-blue{background:linear-gradient(180deg,#2563eb,#0ea5e9)}
.bg-orange{background:linear-gradient(180deg,#ff6a00,#ff8a4b)}
.bg-purple{background:linear-gradient(180deg,#7c3aed,#b794f4)}
.bg-green{background:linear-gradient(180deg,#16a34a,#34d399)}
.bg-red{background:linear-gradient(180deg,#dc2626,#f87171)}
.bg-gray{background:linear-gradient(180deg,#374151,#6b7280)}

/* Profile dropdown */
.profile-menu{position:fixed;top:64px;right:12px;width:220px;background:var(--panel);border-radius:10px;box-shadow:0 10px 30px rgba(2,6,23,0.12);display:none;z-index:3000}
.profile-menu a{display:block;padding:10px 12px;color:var(--text);text-decoration:none}
.profile-menu a:hover{background:rgba(0,0,0,0.04)}

/* Notification: centered overlay + panel (fixed) */
.notify-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.35);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:2999;
}
.notify-panel{
  width:360px;
  max-width:90%;
  background:var(--panel);
  border-radius:12px;
  padding:12px;
  box-shadow:0 12px 40px rgba(0,0,0,0.2);
  display:none;
  z-index:3000;
}

/* Messages compact panel (desktop/tablet) */
.msgs-panel{position:fixed;top:64px;right:16px;width:360px;max-height:520px;background:var(--panel);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.12);overflow:hidden;display:none;z-index:3000}
.msgs-panel.open{display:block}
.msgs-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(0,0,0,0.06)}
.msgs-list{max-height:360px;overflow:auto;padding:10px}
.msg-item{display:flex;gap:10px;padding:10px;align-items:flex-start;border-radius:8px;margin-bottom:8px;cursor:pointer}
.msg-item.unread{background:rgba(102,90,240,0.06)}
.msg-avatar{width:46px;height:46px;border-radius:8px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 46px}
.msg-body{flex:1}
.msg-body .from{font-weight:700;font-size:14px}
.msg-body .preview{font-size:13px;color:var(--muted);margin-top:6px}
.msg-time{font-size:12px;color:var(--muted);margin-left:8px;white-space:nowrap}

/* Inline bubble reply (small) */
.bubble-reply{margin-top:8px;padding:12px;border-radius:10px;background:var(--panel);box-shadow:0 6px 16px rgba(2,6,23,0.04)}
.bubble-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}
.bubble-sender{background:var(--panel);padding:10px 12px;border-radius:10px;max-width:78%}
.bubble-you{background:#e6f4ff;padding:10px 12px;border-radius:10px;align-self:flex-end;max-width:78%}
.reply-box{display:flex;gap:8px;margin-top:8px}
.reply-box input{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(0,0,0,0.06)}
.reply-box button{padding:8px 12px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer}

/* Full-screen Chat View (Messenger style B) */
.chat-screen{position:fixed;inset:0;background:linear-gradient(180deg,#0b78ff,#2a6df6);display:none;z-index:4000;flex-direction:column}
.chat-header{height:56px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#fff}
.chat-header .back{font-size:20px;cursor:pointer}
.chat-title{font-weight:700}
.chat-body{flex:1;background:#f6f8fb;border-top-left-radius:18px;border-top-right-radius:18px;padding:12px;overflow:auto}
.chat-bubble{display:inline-block;padding:10px 12px;border-radius:16px;max-width:78%;margin:8px 0}
.chat-bubble.recv{background:#fff;color:#111;border-bottom-left-radius:4px}
.chat-bubble.sent{background:#1e88e5;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.chat-composer{display:flex;gap:8px;padding:10px;background:#fff;border-top:1px solid rgba(0,0,0,0.06)}
.chat-composer input{flex:1;padding:10px;border-radius:20px;border:1px solid rgba(0,0,0,0.08)}
.chat-composer button{padding:10px 14px;border-radius:20px;border:none;background:var(--accent);color:#fff;cursor:pointer}

/* Bottom Material Navigation (mobile) */
.bottom-nav{
  display:none;position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--material-nav-bg);box-shadow:0 -6px 20px rgba(0,0,0,0.08);z-index:3500;align-items:center;justify-content:space-around;padding:6px 10px;gap:6px;
}
.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;font-size:12px;color:var(--muted);text-decoration:none}
.bottom-nav .nav-item.active{color:var(--material-nav-active)}
.bottom-nav .nav-item i{font-size:20px;display:block;margin-bottom:2px}

/* Mobile layout tweaks */
@media (max-width:900px){
  .main{margin-left:0;padding-top:84px}
  .sidebar{left:-110%;position:fixed}
  .sidebar.open{left:0}
  .grid{grid-template-columns:repeat(2,1fr)}
  .bottom-nav{display:flex}
}
@media (max-width:600px){
  .grid{grid-template-columns:1fr;gap:12px}
  .msgs-panel{right:0;left:0;width:100%;max-height:calc(100vh - 64px);border-radius:0;top:64px}
  .msgs-panel.open{display:block}
  .profile-menu{right:8px}
  .chat-screen{display:none}
  .chat-body{padding:14px}
  .sidebar{width:260px}
  .msg-avatar{width:40px;height:40px;flex:0 0 40px}
  .msg-item{padding:8px}
  .round{top:8px;right:8px}
  .main{padding-bottom:110px}
}

/* Small phones */
@media (max-width:400px){
  .hdr-icon{width:36px;height:36px}
  .profile-img{width:36px;height:36px}
  .bottom-nav{height:64px}
  .bottom-nav .nav-item i{font-size:18px}
}
  </style>
</head>
<body>

<!-- TOP HEADER -->
<header class="top-header">
  <div class="hdr-left">
    <div class="hdr-icon" id="menuToggle"><i class="bi bi-list"></i></div>
  </div>

<div class="hdr-center">
  <div style="font-weight:800">
      
   <font size="2px">Welcome, <?php echo htmlspecialchars($_SESSION['teacher_name'] ?? 'Teacher'); ?></font></div></div>
   
    
  
  <div class="hdr-right">
    <div class="hdr-icon" id="notifyBtn" style="position:relative">
      <i class="bi bi-bell"></i>
      <div id="notifyBadge" class="hdr-badge">4</div>
    </div>

    <div class="hdr-icon" id="msgsBtn" style="position:relative">
      <i class="bi bi-chat-dots"></i>
      <div id="msgsBadge" class="hdr-badge">3</div>
    </div>
<?php
require_once __DIR__ . "/auth/config.php";

$teacher_id = $_SESSION['teacher_id'];

$stmt = $conn->prepare("SELECT photo, name FROM teachers WHERE id = ?");
$stmt->bind_param("i", $teacher_id);
$stmt->execute();
$result = $stmt->get_result();
$teacher = $result->fetch_assoc();

$photo_name = trim($teacher['photo'] ?? '');

$photo = (!empty($photo_name) && file_exists("uploads/teachers/" . $photo_name))
    ? "uploads/teachers/" . $photo_name
    : "uploads/teachers/default.png";
?>

<img src="<?php echo htmlspecialchars($photo); ?>" 
     id="profileBtn"
     class="profile-img">
  </div>
</header>

<!-- PROFILE MENU -->
<div class="profile-menu" id="profileMenu">

  <a href="profile.php">Profile</a>
  <a href="my_activity.php">My activity</a>

  <?php if(($_SESSION['is_super_admin'] ?? 0) == 1): ?>
    <a href="admin_override.php">Override</a>
    <a href="#">Parents</a>
    <a href="set_admin.php">Set admin</a>

  <a href="settings.php">Settings</a>
  
  <a href="send_sms.php">Result sms delivery</a>
  
   <?php endif; ?>
   
   <a href="incomplete_results.php">Incomplete results</a>

  <a href="auth/logout.php" style="color:#d32f2f">Logout</a>


</div>

<!-- SIDEBAR -->
  <aside class="sidebar hidden" id="sidebar" aria-label="Main sidebar">
    <div class="brand"><div class="logo"><i class="bi bi-mortarboard-fill"></i></div><div><strong>Albayan Academy</strong><br><small>Teacher Panel</small></div></div>
    <ul class="menu">
      <li><a href="dashboard.php" class="active"><i class="bi bi-speedometer2"></i> Dashboard</a></li>

      <li><a href="manage_students.php"><i class="bi bi-people"></i> Students</a></li>
      <li><a href="attendance.php"><i class="bi bi-person-check"></i> Attendance</a></li>

   <li class="has-children">
  <a href="#" onclick="toggleSub(event,'subResults')">
    <span><i class="bi bi-journal-text"></i> Results</span>
    <span class="arrow"><i class="bi bi-chevron-right"></i></span>
  </a>
  <ul class="submenu" id="subResults">
    <li><a href="manage_results.php">Upload results</a></li>
    <li><a href="https://albayan.ymairiga.com.ng/admin/print_result.php">Print results</a></li>
      <?php if(($_SESSION['is_super_admin'] ?? 0) == 1): ?>
    <li><a href="manage_results.php">Edit results</a></li>
    <li><a href="delete_results.php">Delete results</a></li>
    <li><a href="student_idcard.php">Results card</a></li>
    <?php endif; ?>
    <li><a href="finalize_results.php">Finalize results</a></li>
  </ul>
</li>

<li class="has-children">
  <a href="#" onclick="toggleSub(event,'subExams')">
    <span><i class="bi bi-book-half"></i> Exams</span>
    <span class="arrow"><i class="bi bi-chevron-right"></i></span>
  </a>
  <ul class="submenu" id="subExams">
    <li><a href="upload_questions.php">Upload Questions</a></li>
    <li><a href="view_questions.php">View Questions</a></li>
    <li><a href="edit_questions.php">Edit Questions</a></li>
  </ul>
</li>

<li class="has-children">
  <a href="#" onclick="toggleSub(event,'subTeachers')">
    <span><i class="bi bi-people-fill"></i> Teachers</span>
    <span class="arrow"><i class="bi bi-chevron-right"></i></span>
  </a>
  <ul class="submenu" id="subTeachers">
    <li><a href="add_class_teacher.php">Onboard Teacher</a></li>
     <?php if(($_SESSION['is_super_admin'] ?? 0) == 1): ?>
    <li><a href="upload_teacher_signature.php">Teacher Signature</a></li>
     <?php endif; ?>
    <li><a href="teacher_chat.php">Chat</a></li>
  </ul>
</li>

<li class="has-children">
      <?php if(($_SESSION['is_super_admin'] ?? 0) == 1): ?>
  <a href="#" onclick="toggleSub(event,'subPayroll')">
    <span><i class="bi bi-pencil"></i> Management</span>
    <span class="arrow"><i class="bi bi-chevron-right"></i></span>
  </a>
   <?php endif; ?>
  <ul class="submenu" id="subPayroll">
    <li><a href="salary_records.php">Salary Records</a></li>
    <li><a href="pending_payments.php">Pending Payments</a></li>
    <li><a href="upload_stamp.php">Upload Stamp</a></li>
    <li><a href="add_class.php">Add Class</a></li>
    <li><a href="add_subject.php">Add Subjects</a></li>
    <li><a href="onboard_student.php">Onboard student</a></li>
  </ul>
</li>


      <li><a href="parents.php"><i class="bi bi-people-fill"></i> Parents</a></li>
      <li><a href="analytics.php"><i class="bi bi-bar-chart"></i> Analytics</a></li>
      <li><a href="auth/logout.php" style="color:#d32f2f"><i class="bi bi-box-arrow-right"></i> Logout</a></li>
    </ul>
  </aside>
