<?php
// EDEN LMS — Global layout (header + sidebar + open content) for Super Admin
if (session_status() === PHP_SESSION_NONE) session_start();

require_once __DIR__ . '/helpers.php';
require_once __DIR__ . '/auth.php';
require_role(['super_admin','branch_admin']);
require_once __DIR__ . '/db.php';

// Page variables a child may set:
$PAGE_TITLE  = $PAGE_TITLE  ?? 'Dashboard';
$ACTIVE_MENU = $ACTIVE_MENU ?? 'home';

/* ----------------- URLs ----------------- */
// BASE_URL is something like "/admin.edencampus.lk/elms/admin" on admin pages.
// We also need a ROOT url for assets that live OUTSIDE /admin (e.g., /includes/logo/*).
$__BASE = defined('BASE_URL')
  ? BASE_URL
  : rtrim(str_replace('\\','/', dirname($_SERVER['SCRIPT_NAME'] ?? '')), '/');
$ROOT_URL = preg_replace('#/admin$#', '', $__BASE);  // -> "/admin.edencampus.lk/elms"

/* ------------- Branch selector (build if not already provided by page) ------------- */
if (!isset($branchOptions)) {
  $branchOptions = '<option value="0">SELECT BRANCH</option>';
  if (function_exists('elms_all_branches')) {
    [$__branchMap, $__branchTable, $__branchRefCol] = elms_all_branches($mysqli);
    if (isset($_GET['branch_id'])) $_SESSION['branch_id'] = (int)$_GET['branch_id'];
    $__selBranchId = (int)($_SESSION['branch_id'] ?? 0);
    foreach ($__branchMap as $id=>$label) {
      $branchOptions .= '<option value="'.$id.'"'.($id === $__selBranchId ? ' selected' : '').'>'.esc($label).'</option>';
    }
  }
}

/* ------------- helper to mark active menu ------------- */
if (!function_exists('admin_nav_active')) {
  function admin_nav_active(string $key, string $active): string {
    return $key === $active ? ' active' : '';
  }
}
?>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title><?= esc($PAGE_TITLE) ?> · EDEN LMS</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <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">
  <style>
    :root{
      --blue:#263fa0; --blue2:#1b2b78; --sidebar:#172033; --ink:#0f172a; --muted:#6b7280;
      --bg:#f5f7fb; --card:#ffffff;
    }
    body{background:var(--bg); color:var(--ink)}
    /* Top brand bar */
    .topbar{background:linear-gradient(90deg,var(--blue2),var(--blue) 40%, #3344aa 100%);
            color:#fff;height:50px;display:flex;align-items:center;padding:0 .75rem;position:sticky;top:0;z-index:1000}
    .topbar .brand{font-weight:700;letter-spacing:.3px}
    .topbar .brand .brand-logo{height:28px;width:auto}
    .topbar .branch select{background:rgba(255,255,255,.15);color:#fff;border:none}
    .topbar .user{color:#fff}
    /* Sidebar */
    .sidebar{position:fixed;top:50px;left:0;bottom:0;width:210px;background:var(--sidebar);color:#c6d0e1;overflow-y:auto}
    .sidebar .logo{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);text-align:center}
    .sidebar .logo .sidebar-logo{max-height:36px;width:auto;display:inline-block}
    .sidebar .nav-link{color:#aeb8cb;border-radius:8px;margin:2px 8px;padding:.55rem .75rem}
    .sidebar .nav-link i{width:18px;margin-right:.5rem}
    .sidebar .nav-link.active,.sidebar .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
    .sidebar small{color:#7a859a}
    /* Content */
    .content{margin-left:210px;padding:12px}
  </style>
</head>
<body>

<!-- TOP BAR -->
<div class="topbar">
  <div class="brand me-3 d-flex align-items-center">
    <!-- Use ROOT_URL so assets resolve outside /admin -->
    <img src="<?= esc($ROOT_URL . '/includes/logo/edden_logo.jpg') ?>" alt="Eden Campus" class="brand-logo me-2">
    EDEN CAMPUS LEARNING MANAGEMENT SYSTEMS
  </div>
  <div class="ms-auto d-flex align-items-center gap-3">
    <form method="get" class="branch">
      <select name="branch_id" class="form-select form-select-sm" onchange="this.form.submit()">
        <?= $branchOptions ?>
      </select>
    </form>
    <div class="user small">
      <i class="bi bi-person-circle me-1"></i><?= esc($_SESSION['user']['username'] ?? 'Admin') ?>
    </div>
  </div>
</div>

<!-- SIDEBAR -->
<aside class="sidebar">
  <div class="logo">
    <!-- Same ROOT_URL fix for sidebar logo -->
    <img src="<?= esc($ROOT_URL . '/includes/logo/edden_logo.jpg') ?>" alt="Eden Campus" class="sidebar-logo">
  </div>
  <nav class="mt-2 d-grid">
    <!-- NOTE: Use app_url('/...') WITHOUT another '/admin' -->
    <a class="nav-link<?= admin_nav_active('home',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/dashboard.php')) ?>"><i class="bi bi-house"></i>Home</a>

    <!-- Manage Institute (points to Dashboard for now; adjust if you add a dedicated page) -->
    <a class="nav-link<?= admin_nav_active('institute',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/dashboard.php')) ?>"><i class="bi bi-buildings"></i>Manage Institute</a>

    <!-- Branch (Centres) -->
    <a class="nav-link<?= admin_nav_active('branch',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/centres/')) ?>"><i class="bi bi-geo-alt"></i>Branch</a>

    <!-- Lecturers -->
    <a class="nav-link<?= admin_nav_active('lecturers',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/lecturers/')) ?>"><i class="bi bi-person-badge"></i>Lecturers</a>

    <!-- Courses -->
    <a class="nav-link<?= admin_nav_active('courses',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/courses/')) ?>"><i class="bi bi-journals"></i>Courses</a>

    <!-- Students -->
    <a class="nav-link<?= admin_nav_active('student',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/student/')) ?>"><i class="bi bi-people"></i>Students</a>

    <!-- Manage Branch (alias to Centres) -->
    <a class="nav-link<?= admin_nav_active('manage_branch',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/centres/')) ?>"><i class="bi bi-diagram-3"></i>Manage Branch</a>

    <!-- Centre Batches -->
    <a class="nav-link<?= admin_nav_active('batches',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/batches/')) ?>"><i class="bi bi-collection"></i>Centre Batches</a>

    <!-- Verification (map to an existing page to avoid 404) -->
    <a class="nav-link<?= admin_nav_active('verification',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/assessments/resubmit_whitelist.php')) ?>"><i class="bi bi-shield-check"></i>Verification</a>

    <!-- Moderation (uses submissions page) -->
    <a class="nav-link<?= admin_nav_active('moderation',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/assessments/submissions.php')) ?>"><i class="bi bi-chat-left-text"></i>Moderation</a>

    <!-- Reports (uses grade page as a working placeholder) -->
    <a class="nav-link<?= admin_nav_active('reports',$ACTIVE_MENU) ?>"
       href="<?= esc(app_url('/assessments/grade.php')) ?>"><i class="bi bi-graph-up"></i>Reports</a>

    <div class="px-3 mt-3"><small><?= date('F d, Y h:i A') ?></small></div>
  </nav>
</aside>

<!-- CONTENT OPEN -->
<main class="content">
  <div class="container-fluid">
