inscription.php

<?php
$page_title = "Inscription";
$page_css = "inscription.css";

$succes = false;
$erreur = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  // Validation basique
  $requis = ['nom','prenom','date_naissance','email','whatsapp','serie_bac','annee_bac','filiere','niveau'];
  $manque = false;
  foreach ($requis as $champ) {
    if (empty($_POST[$champ])) { $manque = true; break; }
  }
  if ($manque) {
    $erreur = "Veuillez remplir tous les champs obligatoires (*).";
  } else {
    // Générer matricule automatique
    $matricule = 'ES-' . date('Y') . '-' . str_pad(rand(1, 9999), 4, '0', STR_PAD_LEFT);
    $succes = true;
    // Ici : insérer en base de données
  }
}

require_once 'includes/header.php';
?>

<div class="page-hero page-hero-vert">
  <div class="container">
    <div class="section-tag" style="color:rgba(255,255,255,0.8)">Candidature</div>
    <h1 class="page-hero-title">Inscription <span>en ligne</span></h1>
    <p>Remplissez le formulaire. Votre matricule sera généré automatiquement.</p>
  </div>
</div>

<section class="inscription-section">
  <div class="container">
    <div class="insc-wrapper">

      <!-- Sidebar étapes -->
      <aside class="insc-sidebar">
        <h4>Étapes</h4>
        <div class="etapes">
          <div class="etape done"><span class="e-num">✓</span><span>Informations personnelles</span></div>
          <div class="etape active"><span class="e-num">2</span><span>Parcours scolaire</span></div>
          <div class="etape"><span class="e-num">3</span><span>Choix de la filière</span></div>
          <div class="etape"><span class="e-num">4</span><span>Documents</span></div>
          <div class="etape"><span class="e-num">5</span><span>Confirmation</span></div>
        </div>
        <div class="insc-note">
          <strong>📎 Documents requis</strong>
          <ul>
            <li>Acte de naissance</li>
            <li>Relevé de notes BAC</li>
            <li>Photo d'identité</li>
            <li>Attestation de scolarité</li>
          </ul>
        </div>
      </aside>

      <!-- Formulaire principal -->
      <div class="insc-form-card">
        <?php if ($succes): ?>
          <div class="succes-box">
            <div class="succes-icon">🎉</div>
            <h3>Inscription soumise avec succès !</h3>
            <p>Votre numéro matricule provisoire est :</p>
            <div class="matricule-display"><?= $matricule ?></div>
            <p>Conservez ce numéro. Votre dossier sera examiné dans les 5 jours ouvrés.</p>
            <a href="index.php" class="btn btn-vert" style="margin-top:24px;">Retour à l'accueil</a>
          </div>
        <?php else: ?>

          <?php if ($erreur): ?>
            <div class="alert alert-error">⚠️ <?= htmlspecialchars($erreur) ?></div>
          <?php endif; ?>

          <h3>Dossier de candidature <span>2024–2025</span></h3>
          <p class="form-intro">Nouvelle inscription · Les champs marqués * sont obligatoires.</p>

          <form method="POST" action="inscription.php" enctype="multipart/form-data">

            <!-- Section 1 -->
            <div class="form-section-title">👤 Informations personnelles</div>
            <div class="form-row">
              <div class="form-group"><label>Nom *</label><input type="text" name="nom" value="<?= htmlspecialchars($_POST['nom'] ?? '') ?>" required placeholder="Nom de famille"></div>
              <div class="form-group"><label>Prénom *</label><input type="text" name="prenom" value="<?= htmlspecialchars($_POST['prenom'] ?? '') ?>" required placeholder="Prénom(s)"></div>
            </div>
            <div class="form-row">
              <div class="form-group"><label>Date de naissance *</label><input type="date" name="date_naissance" value="<?= htmlspecialchars($_POST['date_naissance'] ?? '') ?>" required></div>
              <div class="form-group"><label>Lieu de naissance *</label><input type="text" name="lieu_naissance" placeholder="Ville, Pays"></div>
            </div>
            <div class="form-row">
              <div class="form-group">
                <label>Sexe *</label>
                <select name="sexe" required>
                  <option value="">Sélectionner</option>
                  <option value="M" <?= (($_POST['sexe'] ?? '') === 'M') ? 'selected' : '' ?>>Masculin</option>
                  <option value="F" <?= (($_POST['sexe'] ?? '') === 'F') ? 'selected' : '' ?>>Féminin</option>
                </select>
              </div>
              <div class="form-group"><label>Nationalité</label><input type="text" name="nationalite" placeholder="Ex : Béninoise"></div>
            </div>
            <div class="form-row">
              <div class="form-group"><label>Département d'origine</label><input type="text" name="departement" placeholder="Ex : Atlantique"></div>
              <div class="form-group"><label>Email *</label><input type="email" name="email" value="<?= htmlspecialchars($_POST['email'] ?? '') ?>" required placeholder="votre@email.com"></div>
            </div>
            <div class="form-group"><label>WhatsApp *</label><input type="tel" name="whatsapp" value="<?= htmlspecialchars($_POST['whatsapp'] ?? '') ?>" required placeholder="+229 97 XX XX XX"></div>

            <!-- Section Parents -->
            <div class="form-section-title">👨‍👩‍👦 Informations des parents / tuteurs</div>
            <div class="form-row">
              <div class="form-group"><label>Nom du père / tuteur</label><input type="text" name="nom_pere" placeholder="Nom et prénom"></div>
              <div class="form-group"><label>Contact père / tuteur</label><input type="tel" name="contact_pere" placeholder="+229 XX XX XX XX"></div>
            </div>
            <div class="form-row">
              <div class="form-group"><label>Nom de la mère</label><input type="text" name="nom_mere" placeholder="Nom et prénom"></div>
              <div class="form-group"><label>Contact mère</label><input type="tel" name="contact_mere" placeholder="+229 XX XX XX XX"></div>
            </div>

            <!-- Section BAC -->
            <div class="form-section-title">🎓 Parcours scolaire</div>
            <div class="form-row">
              <div class="form-group">
                <label>Série du BAC *</label>
                <select name="serie_bac" required>
                  <option value="">Sélectionner</option>
                  <option value="A">Série A (Lettres)</option>
                  <option value="B">Série B (Économie)</option>
                  <option value="C">Série C (Mathématiques)</option>
                  <option value="D">Série D (Sciences)</option>
                  <option value="E">Série E (Technique)</option>
                  <option value="G">Série G (Gestion)</option>
                </select>
              </div>
              <div class="form-group"><label>Année d'obtention *</label><input type="number" name="annee_bac" min="2000" max="<?= date('Y') ?>" value="<?= htmlspecialchars($_POST['annee_bac'] ?? '') ?>" required placeholder="<?= date('Y') ?>"></div>
            </div>
            <div class="form-row">
              <div class="form-group"><label>Établissement d'origine</label><input type="text" name="etablissement" placeholder="Lycée / École"></div>
              <div class="form-group"><label>Centre de composition</label><input type="text" name="centre" placeholder="Centre d'examen"></div>
            </div>
            <div class="form-group"><label>Numéro de table BAC</label><input type="text" name="num_table" placeholder="Ex : 00245"></div>

            <!-- Section Filière -->
            <div class="form-section-title">📚 Choix de la filière</div>
            <div class="form-row">
              <div class="form-group">
                <label>Filière souhaitée *</label>
                <select name="filiere" required>
                  <option value="">Sélectionner</option>
                  <option value="info">Informatique & Systèmes d'Information</option>
                  <option value="data">Data Science & IA</option>
                  <option value="gestion">Gestion & Administration</option>
                  <option value="finance">Finance, Audit & Contrôle</option>
                  <option value="droit">Droit & Sciences Politiques</option>
                  <option value="com">Communication & Marketing Digital</option>
                </select>
              </div>
              <div class="form-group">
                <label>Niveau *</label>
                <select name="niveau" required>
                  <option value="">Sélectionner</option>
                  <option value="L1">L1 — Première année Licence</option>
                  <option value="L2">L2 — Deuxième année Licence</option>
                  <option value="L3">L3 — Troisième année Licence</option>
                  <option value="M1">M1 — Première année Master</option>
                  <option value="M2">M2 — Deuxième année Master</option>
                </select>
              </div>
            </div>
            <div class="form-group">
              <label>Type d'inscription *</label>
              <select name="type_inscription" required>
                <option value="nouvelle">Nouvelle inscription</option>
                <option value="reinscription">Réinscription</option>
              </select>
            </div>

            <!-- Section Documents -->
            <div class="form-section-title">📎 Documents à téléverser</div>
            <div class="docs-grid">
              <div class="doc-upload">
                <label>Photo d'identité *</label>
                <div class="upload-zone">
                  <span>🖼️</span>
                  <input type="file" name="photo" accept="image/*">
                  <p>JPG / PNG · Max 2 Mo</p>
                </div>
              </div>
              <div class="doc-upload">
                <label>Acte de naissance *</label>
                <div class="upload-zone">
                  <span>📄</span>
                  <input type="file" name="acte_naissance" accept=".pdf,.jpg,.png">
                  <p>PDF ou Image · Max 5 Mo</p>
                </div>
              </div>
              <div class="doc-upload">
                <label>Relevé de notes BAC</label>
                <div class="upload-zone">
                  <span>📋</span>
                  <input type="file" name="releve_bac" accept=".pdf,.jpg,.png">
                  <p>PDF ou Image · Max 5 Mo</p>
                </div>
              </div>
              <div class="doc-upload">
                <label>Autres documents</label>
                <div class="upload-zone">
                  <span>📁</span>
                  <input type="file" name="autres" accept=".pdf,.jpg,.png" multiple>
                  <p>Plusieurs fichiers acceptés</p>
                </div>
              </div>
            </div>

            <button type="submit" class="btn btn-vert" style="width:100%;justify-content:center;margin-top:32px;padding:16px;font-size:1rem;">
              ✅ Soumettre ma candidature
            </button>
          </form>

        <?php endif; ?>
      </div>
    </div>
  </div>
</section>

<?php require_once 'includes/footer.php'; ?>