<?php
/* Détail d'une filière — variables fournies par le routeur : $titre, $code
   filieres() est déjà chargée par le routeur (src/filieres.php), inutile de la re-require. */
$f = filieres()[$code];
?>

<section class="page-head">
  <div class="wrap">
    <a class="retour" href="/filieres">← Toutes les filières</a>
    <span class="sur-titre"><?= htmlspecialchars(domaines_filieres()[$f['domaine']]) ?> · <?= htmlspecialchars($code) ?></span>
    <h1><?= htmlspecialchars($f['nom']) ?></h1>
    <p><?= htmlspecialchars($f['accroche']) ?></p>
    <div class="groupe-btn"><a class="btn btn-primary" href="/admission?filiere=<?= htmlspecialchars($code) ?>#formulaire">Déposer mon dossier</a></div>
  </div>
</section>

<section class="sec">
  <div class="wrap duo" style="align-items:start">
    <div>
      <span class="sur-titre">Présentation</span>
      <h2>La formation</h2>
      <p><?= htmlspecialchars($f['description']) ?></p>
    </div>
    <div class="atout">
      <span class="sur-titre" style="margin:0">Après le diplôme</span>
      <h3>Débouchés</h3>
      <ul class="puces" style="margin-top:6px">
        <?php foreach ($f['debouches'] as $metier): ?>
          <li><?= htmlspecialchars($metier) ?></li>
        <?php endforeach; ?>
      </ul>
    </div>
  </div>
</section>

<section class="sec sec-doux">
  <div class="wrap">
    <div class="sec-head">
      <span class="sur-titre">Admission</span>
      <h2>Des frais clairs, un paiement souple</h2>
      <p class="sub">Dépose ton dossier pour cette filière et rejoins la première promotion de l'ISIT Korhogo.</p>
    </div>
    <div class="fees">
      <div class="fee-box fee-main">
        <span class="sur-titre">Scolarité annuelle</span>
        <div class="big">140 000 <small>FCFA</small></div>
        <p>Payable en une fois ou sur 3 à 6 mois.</p>
      </div>
      <div class="fee-box fee-side">
        <span class="sur-titre">Frais annexes · à l'inscription</span>
        <div class="big">60 000 <small>FCFA</small></div>
        <ul class="inc"><li>Tenue officielle</li><li>Chaussures</li><li>Polo ISIT</li><li>Carte d'étudiant</li></ul>
      </div>
    </div>
    <div class="groupe-btn">
      <a class="btn btn-primary" href="/admission?filiere=<?= htmlspecialchars($code) ?>#formulaire">Déposer mon dossier</a>
      <a class="btn btn-ghost" href="/#orientation">Faire le test d'orientation</a>
    </div>
  </div>
</section>
