document.addEventListener("DOMContentLoaded", function() {
    // Recherche par ID ou par Name pour être sûr à 100% de trouver la liste
    var select = document.getElementById("liste_filieres") || document.querySelector("select[name='filiere']");
    
    if (select) {
        var html = '<option value="">-- Choisir une formation --</option>';
        
        html += '<optgroup label="CYCLE LICENCE">';
        var licences = ["Génie Biomédical", "Hygiène", "Secrétariat Médical Documentaliste", "Imagerie Médicale et Radiothérapie", "Santé et Sécurité au Travail", "Nutrition Humaine", "Optique et Lunetterie", "Prothèse Dentaire", "Électronique", "Génie Civil", "Réseaux Informatiques & Télécommunications", "Électromécanique et Mécatronique"];
        licences.forEach(function(l) { html += '<option value="Licence - ' + l + '">' + l + '</option>'; });
        html += '</optgroup>';
        
        html += '<optgroup label="CYCLE MASTER">';
        var masters = ["Management de la Santé Publique", "Contrôle Qualité des Aliments et Hygiène", "Génie Biomédical", "Imagerie Médicale", "Électromécanique et Mécatronique", "Réseaux Informatiques et Télécommunications", "Génie Civil"];
        masters.forEach(function(m) { html += '<option value="Master - ' + m + '">' + m + '</option>'; });
        html += '</optgroup>';
        
        select.innerHTML = html;
        
        // Insertion propre du champ pièce jointe sous la liste
        var fileField = '<div class="form-group mb-30" style="margin-top: 25px;">';
        fileField += '  <label>Joindre vos pièces (Diplômes, CV, ID...) - Format PDF, JPG, PNG *</label>';
        fileField += '  <input type="file" name="pieces_jointes[]" class="form-control" multiple required>';
        fileField += '</div>';
        select.parentElement.insertAdjacentHTML('beforeend', fileField);
    }

    // Détection du bandeau de succès pour l'affichage du bouton d'impression
    var successAlert = document.querySelector(".alert-success");
    if (successAlert) {
        successAlert.insertAdjacentHTML("beforeend", "<br><br><button onclick='window.print();' class='btn btn-default btn-sm' style='margin-top:10px; color:#333; background-color:#fff; border:1px solid #ccc; padding:5px 10px; border-radius:4px; font-weight:bold; cursor:pointer;'><i class='fa fa-print'></i> Imprimer mon formulaire d'inscription officiel</button>");
        
        var nom = sessionStorage.getItem("ins_nom") || "";
        var email = sessionStorage.getItem("ins_email") || "";
        var tel = sessionStorage.getItem("ins_tel") || "";
        var filiere = select ? select.value : "Non spécifiée";
        
        // Structure de la Fiche Officielle (Copie conforme de votre PDF)
        var printTemplate = "<div id='fiche-impression' style='padding: 30px; font-family: Arial, sans-serif; line-height: 1.4; color: #000; max-width: 800px; margin: 0 auto; position: relative;'>";
        
        printTemplate += "  <div style='display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;'>";
        printTemplate += "      <div style='font-size: 11px; font-weight: bold; color: #0D248C; text-align: left; line-height: 1.3;'>";
        printTemplate += "          <span style='font-size: 14px;'>INSTITUT SUPÉRIEUR D'INGÉNIERIE ET DE SANTÉ</span><br>";
        printTemplate += "          <span style='font-size: 9px; color: #555;'>0133/MESRS/DGESIP/DESUP/Kkj 28 SEP 2018<br>0134/MESRS/DGESIP/DESUP/Kkj 28 SEP 2018<br>576/MESRS/DGESIP/DESUP/Kkj 16 MAI 2019</span>";
        printTemplate += "      </div>";
        printTemplate += "      <div style='width: 100px; height: 120px; border: 1px solid #000; text-align: center; line-height: 120px; font-size: 12px; font-weight: bold;'>PHOTO</div>";
        printTemplate += "  </div>";
        
        printTemplate += "  <div style='text-align: center; margin-bottom: 20px;'>";
        printTemplate += "      <h2 style='margin: 0; font-size: 20px; letter-spacing: 1px; text-transform: uppercase;'>FORMULAIRE D’INSCRIPTION</h2>";
        printTemplate += "      <h4 style='margin: 5px 0 0 0; font-size: 14px; font-weight: normal;'>ANNÉE UNIVERSITAIRE 2026-2027</h4>";
        printTemplate += "  </div>";
        
        printTemplate += "  <div style='background-color: #ddd; font-weight: bold; text-align: center; padding: 5px; border: 1px solid #000; font-size: 14px; text-transform: uppercase; margin-bottom: 10px;'>Etat Civil</div>";
        printTemplate += "  <div style='font-size: 13px; margin-bottom: 20px; line-height: 1.8;'>";
        printTemplate += "      <p style='margin: 4px 0;'><strong>Nom :</strong> " + nom + " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>Prénom(s) :</strong> ________________________________________</p>";
        printTemplate += "      <p style='margin: 4px 0;'><strong>Sexe :</strong> F ▢ &nbsp;&nbsp;&nbsp;&nbsp; M ▢ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>Nationalité :</strong> ________________________________</p>";
        printTemplate += "      <p style='margin: 4px 0;'><strong>Date et lieu de naissance :</strong> _____________________ à ________________________________</p>";
        printTemplate += "      <p style='margin: 4px 0;'><strong>Adresse :</strong> ________________________________________________________________________________</p>";
        printTemplate += "      <p style='margin: 4px 0;'><strong>E-mail :</strong> " + email + " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>Tél :</strong> " + tel + "</p>";
        printTemplate += "      <p style='margin: 4px 0; color: #555;'><strong>Nom et Prénom du Père :</strong> ______________________________ <strong>Profession :</strong> ______________ <strong>Tél :</strong> __________</p>";
        printTemplate += "      <p style='margin: 4px 0; color: #555;'><strong>Nom et Prénom de la Mère :</strong> ____________________________ <strong>Profession :</strong> ______________ <strong>Tél :</strong> _________</p>";
        printTemplate += "  </div>";
        
        printTemplate += "  <div style='background-color: #ddd; font-weight: bold; text-align: center; padding: 5px; border: 1px solid #000; font-size: 14px; text-transform: uppercase; margin-bottom: 10px;'>Formations Académiques & Spécialité</div>";
        printTemplate += "  <div style='font-size: 13px; margin-bottom: 20px; line-height: 1.8;'>";
        printTemplate += "      <p style='margin: 4px 0; color: #0D248C; font-size: 14px;'><strong>FILIÈRE SÉLECTIONNÉE EN LIGNE :</strong> <span style='text-transform: uppercase; font-weight: bold; border-bottom: 1px dashed #000; padding-bottom: 2px;'>" + filiere + "</span></p>";
        printTemplate += "      <p style='margin: 4px 0;'>1. <strong>Bac :</strong> _____________________________________________ <strong>Série :</strong> ___________ <strong>Moyenne :</strong> ___________</p>";
        printTemplate += "      <p style='margin: 4px 0;'>&nbsp;&nbsp;&nbsp;<strong>Année d’obtention :</strong> _________________ <strong>Lycée :</strong> _______________________________________________</p>";
        printTemplate += "      <p style='margin: 4px 0;'>2. <strong>Dernier diplôme obtenu :</strong> _______________________________________ <strong>Année d’obtention :</strong> ___________</p>";
        printTemplate += "      <p style='margin: 4px 0;'>&nbsp;&nbsp;&nbsp;<strong>Spécialité :</strong> ___________________________________ <strong>Etablissement :</strong> ________________________________</p>";
        printTemplate += "  </div>";
        
        printTemplate += "  <div style='background-color: #ddd; font-weight: bold; text-align: center; padding: 5px; border: 1px solid #000; font-size: 14px; text-transform: uppercase; margin-bottom: 10px;'>Pièces à fournir pour le dossier d’inscription</div>";
        printTemplate += "  <div style='font-size: 11px; margin-bottom: 25px; line-height: 1.5; padding-left: 5px;'>";
        printTemplate += "      ▢ La fiche d’orientation (pour les affectés de l’état).<br>";
        printTemplate += "      ▢ Une copie de la C.N.I ou certificat de nationalité (en plus fichier numérique).<br>";
        printTemplate += "      ▢ Passeport (pour les étrangers).<br>";
        printTemplate += "      ▢ 3 Extraits d’Acte de naissance.<br>";
        printTemplate += "      ▢ 3 Copies légalisées de l’attestation de réussite du Bac ou diplôme équivalent.<br>";
        printTemplate += "      ▢ Relevé de notes de la classe précédente.<br>";
        printTemplate += "      ▢ 6 photos d’identité (en plus photo numérique).<br>";
        printTemplate += "      ▢ Un certificat médical attestant que l’étudiant est en bonne santé.<br>";
        printTemplate += "      ▢ Engagement de paiement des frais d’étude rempli attentivement, signé et légalisé.<br>";
        printTemplate += "      ▢ Le règlement intérieur signé par l’étudiant.";
        printTemplate += "  </div>";
        
        printTemplate += "  <div style='display: flex; justify-content: space-between; font-size: 12px; margin-top: 20px; margin-bottom: 50px;'>";
        printTemplate += "      <div>Fait à Abidjan, le " + new Date().toLocaleDateString('fr-FR') + "</div>";
        printTemplate += "      <div style='text-align: right; width: 45%;'><strong>Signature de l\'étudiant :</strong><br><br><br><em>" + nom + "</em></div>";
        printTemplate += "  </div>";
        
        printTemplate += "  <div style='border-top: 1px solid #000; text-align: center; font-size: 9px; color: #333; padding-top: 10px; position: absolute; bottom: 5px; width: 93%;'>";
        printTemplate += "      <strong>INSTITUT SUPERIEUR D\'INGENIERIE ET DE SANTE</strong><br>";
        printTemplate += "      Siège: ABIDJAN - COCODY II Plateaux, Angré 7 Tranche, 28 BP 1819 ABIDJAN 28<br>";