<?php /* variables : $titre, $vue (chemin du template), + variables de la vue */
$cheminCourant = parse_url($_SERVER['REQUEST_URI'] ?? '/', PHP_URL_PATH);
$menu = [
    '/' => ['Accueil', '🏠'], '/filieres' => ['Filières', '🎓'], '/admission' => ['Admission', '📝'],
    '/ecole' => ["L'école", '🏛️'], '/communiques' => ['Communiqués', '📢'], '/actualites' => ['Actualités', '📰'], '/medias' => ['Médias', '📷'],
    '/contact' => ['Contact', '📞'],
];
$estActif = function (string $lien) use ($cheminCourant): bool {
    return $lien === '/' ? $cheminCourant === '/' : str_starts_with($cheminCourant, $lien);
};
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="theme-color" content="#1E4F9C">
<title><?= htmlspecialchars($titre) ?> — ISIT Korhogo</title>
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap">
<link rel="stylesheet" href="/assets/css/style.css">
<link rel="stylesheet" href="/assets/css/isit.css">
</head>
<body>
<div class="progression" id="progression" aria-hidden="true"></div>
<header id="entete">
  <div class="wrap nav">
    <a class="brand" href="/"><img src="/assets/img/logo.jpg" alt="Logo ISIT Groupe"><span><b>ISIT Groupe</b><small>Korhogo · Côte d'Ivoire</small></span></a>
    <ul>
      <?php foreach ($menu as $lien => [$libelle, $icone]): ?>
        <li><a href="<?= $lien ?>"<?= $estActif($lien) ? ' aria-current="page"' : '' ?>><?= htmlspecialchars($libelle) ?></a></li>
      <?php endforeach; ?>
    </ul>
    <a class="btn btn-primary" href="/admission#formulaire" id="headCta">Pré-inscription</a>
    <button class="menu-btn" id="menuBtn" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="drawer"><span></span><span></span><span></span></button>
  </div>
</header>
<div class="drawer-bg" id="drawerBg" hidden></div>
<nav class="drawer" id="drawer" aria-label="Menu principal" hidden>
  <div class="dr-head"><img src="/assets/img/logo.jpg" alt=""><div><b>ISIT Groupe</b><small>Le défi de l'excellence</small></div><button class="dr-close" id="drawerClose" type="button" aria-label="Fermer le menu">×</button></div>
  <a class="dr-cta" href="/admission#formulaire">Déposer ma pré-inscription</a>
  <ul>
    <?php foreach ($menu as $lien => [$libelle, $icone]): ?>
      <li><a href="<?= $lien ?>"<?= $estActif($lien) ? ' aria-current="page"' : '' ?>><i><?= $icone ?></i><?= htmlspecialchars($libelle) ?></a></li>
    <?php endforeach; ?>
  </ul>
</nav>
<main><?php require $vue; ?></main>
<div class="pagne"></div>
<footer>
  <div class="wrap pied">
    <div>
      <a class="brand" href="/"><img src="/assets/img/logo.jpg" alt=""><span><b>ISIT Groupe</b><small>Le défi de l'excellence</small></span></a>
      <p>Institut Supérieur de l'Innovation et de la Technologie. Korhogo, nouveau quartier, sur la route de Kapélé.</p>
    </div>
    <div>
      <b>Le site</b>
      <?php foreach ($menu as $lien => [$libelle, $icone]): ?><a href="<?= $lien ?>"><?= htmlspecialchars($libelle) ?></a><?php endforeach; ?>
    </div>
    <div>
      <b>Nous joindre</b>
      <a href="tel:+2250102565407">+225 01 02 56 54 07</a>
      <a href="tel:+2250707936239">+225 07 07 93 62 39</a>
      <a href="https://wa.me/2250748481895" target="_blank" rel="noopener">WhatsApp : +225 07 48 48 18 95</a>
      <a href="mailto:infos@isit-groupe.com">infos@isit-groupe.com</a>
    </div>
  </div>
  <div class="wrap pied-bas">© <?= date('Y') ?> ISIT Groupe · Korhogo, Côte d'Ivoire</div>
</footer>
<a class="wa-float" href="https://wa.me/2250748481895?text=Bonjour%20ISIT%2C%20je%20souhaite%20des%20informations." target="_blank" rel="noopener" aria-label="Écrire à l'ISIT sur WhatsApp">
  <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm0 18.2c-1.5 0-3-.4-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.2-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.2.3-.9.9-.9 2.2s.9 2.5 1 2.7c.1.2 1.8 2.8 4.4 3.9 1.6.7 2.3.8 3.1.6.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3Z"/></svg>
</a>
<script src="/assets/js/isit.js" defer></script>
</body></html>
