<?php
require_once __DIR__ . '/../includes/data.php';
$page = $page ?? 'Home';
$title = htmlspecialchars($FACULTY['name'] . ' — ' . $page);
$desc = htmlspecialchars($FACULTY['description']);
$base = defined('BASE') ? BASE : '';
?><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title><?= $title ?></title>
<meta name="description" content="<?= $desc ?>">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = { theme: { extend: { colors: {
  brand: '<?= $FACULTY['primary'] ?>',
  accent: '<?= $FACULTY['accent'] ?>',
}, fontFamily: { serif: ['Georgia','serif'] } } } };
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<style>body{font-family:system-ui,-apple-system,sans-serif}</style>
</head>
<body class="bg-white text-slate-800">
<header class="bg-white border-b sticky top-0 z-30">
  <div class="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
    <a href="<?= $base ?>index.php" class="flex items-center gap-3">
      <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-bold" style="background: <?= $FACULTY['primary'] ?>"><?= substr($FACULTY['short'],0,1) ?></div>
      <div>
        <div class="font-serif font-bold text-lg leading-tight"><?= htmlspecialchars($FACULTY['name']) ?></div>
        <div class="text-xs text-slate-500"><?= htmlspecialchars($PARENT['name']) ?></div>
      </div>
    </a>
    <nav class="hidden md:flex gap-6 text-sm font-medium">
      <a href="<?= $base ?>index.php" class="hover:text-brand">Home</a>
      <a href="<?= $base ?>pages/about.php" class="hover:text-brand">About</a>
      <a href="<?= $base ?>pages/programs.php" class="hover:text-brand">Programs</a>
      <a href="<?= $base ?>pages/departments.php" class="hover:text-brand">Departments</a>
      <a href="<?= $base ?>pages/staff.php" class="hover:text-brand">Faculty & Staff</a>
      <a href="<?= $base ?>pages/research.php" class="hover:text-brand">Research</a>
      <a href="<?= $base ?>pages/news.php" class="hover:text-brand">News</a>
      <a href="<?= $base ?>pages/events.php" class="hover:text-brand">Events</a>
      <a href="<?= $base ?>pages/admissions.php" class="hover:text-brand">Admissions</a>
      <a href="<?= $base ?>pages/contact.php" class="hover:text-brand">Contact</a>
    </nav>
  </div>
</header>
<main>
