    <!-- ---------------------------------- -->
    <!-- PROF                               -->
    <!-- FORMULAIRE de saisie des diplomes -->
    <!-- ---------------------------------- -->


    <!-- ---------------------------------- -->
    <!-- OUI - IL VEUT SAISIR DIPLOMES   -->
    <!-- AFFICHER DES INPUTS DIPLOME -->
    <!-- ---------------------------------- -->
    <%
        const regionsEcolesProf = [
            'Auvergne-Rhône-Alpes',
            'Bourgogne-Franche-Comté',
            'Bretagne',
            'Centre-Val de Loire',
            'Corse',
            'Espagne',
            'Grand Est',
            'Hauts-de-France',
            'Île-de-France',
            'Normandie',
            'Nouvelle-Aquitaine',
            'Occitanie',
            'Pays de la Loire',
            "Provence-Alpes-Côte d'Azur",
            'Guadeloupe',
            'Martinique',
            'Guyane',
            'La Réunion',
            'Luxembourg',
            'Mayotte',
            'Polynésie française',
            'Nouvelle-Calédonie',
            'Saint-Pierre-et-Miquelon',
            'Wallis-et-Futuna',
            'Saint-Martin',
            'Saint-Barthélemy',
            'Suisse'
        ];
    %>

    <section id="prof_diplome" class="hidden">
        <div class="grid_2inputs">
            <div class="input_box input_text input_box_bleu">
                <label for="adherent_prof_instrument1">Instrument</label>
                <select id="adherent_prof_instrument1" name="adherent_prof_instrument1" required>
                    <option value="" selected></option>
                    <option value="Alto">Alto</option>
                    <option value="Contrebasse">Contrebasse</option>
                    <option value="Flûte traversière">Flûte traversière</option>
                    <option value="Guitare">Guitare</option>
                    <option value="Harpe">Harpe</option>
                    <option value="Orgue">Orgue</option>
                    <option value="Piano">Piano</option>
                    <option value="Trompette">Trompette</option>
                    <option value="Violon">Violon</option>
                    <option value="Violoncelle">Violoncelle</option>
                </select>
            </div>

            <div class="input_box input_text input_box_bleu">
                <label for="adherent_prof_instrument1_esa">Niveau ESA Obtenu</label>
                <select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa" required>
                    <option value="" selected></option>
                    <option value="Niveau 1">Niveau 1</option>
                    <option value="Niveau 2">Niveau 2</option>
                    <option value="Niveau 3">Niveau 3</option>
                    <option value="Niveau 4">Niveau 4</option>
                    <option value="Niveau 5">Niveau 5</option>
                    <option value="Instructeur 1">Instructeur (année 1)</option>
                    <option value="Instructeur 2">Instructeur (année 2)</option>
                    <option value="Formateur">Formateur</option>
                </select>
            </div>

            <div class="input_box input_text input_box_bleu">
                <label for="adherent_prof_instrument2">Deuxième instrument</label>
                <select id="adherent_prof_instrument2" name="adherent_prof_instrument2">
                    <option value="" selected></option>
                    <option value="Alto">Alto</option>
                    <option value="Contrebasse">Contrebasse</option>
                    <option value="Flûte traversière">Flûte traversière</option>
                    <option value="Guitare">Guitare</option>
                    <option value="Harpe">Harpe</option>
                    <option value="Orgue">Orgue</option>
                    <option value="Piano">Piano</option>
                    <option value="Trompette">Trompette</option>
                    <option value="Violon">Violon</option>
                    <option value="Violoncelle">Violoncelle</option>
                </select>
            </div>

            <div class="input_box input_text input_box_bleu">
                <label for="adherent_prof_instrument2_esa">Niveau ESA Obtenu</label>
                <select id="adherent_prof_instrument2_esa" name="adherent_prof_instrument2_esa">
                    <option value="" selected></option>
                    <option value="Niveau 1">Niveau 1</option>
                    <option value="Niveau 2">Niveau 2</option>
                    <option value="Niveau 3">Niveau 3</option>
                    <option value="Niveau 4">Niveau 4</option>
                    <option value="Niveau 5">Niveau 5</option>
                    <option value="Instructeur 1">Instructeur (année 1)</option>
                    <option value="Instructeur 2">Instructeur (année 2)</option>
                    <option value="Formateur">Formateur</option>
                </select>
            </div>

            <div class="input_box input_text input_box_bleu">
                <label for="adherent_prof_sece">Diplômé SECE (Early Childhood)</label>
                <select id="adherent_prof_sece" name="adherent_prof_sece" required>
                    <option value="" selected></option>
                    <option value="oui">Oui</option>
                    <option value="non">Non</option>
                </select>
            </div>
        </div>
        

        <div class="explication_pleine_page">
            <p>Renseigner jusqu'à 3 <strong>écoles</strong> de musique, <strong>classes</strong> ou <strong>lieux</strong> dans lesquelles vous enseignez la pédagogie Suzuki</p>
            <p>Le premier lieu servira de référence pour l'affichage sur la carte de géolocalisation des professeurs du site de l'AFPS. La saisie de la ville et du code postal est importante.</p>
        </div>

        <div class="grid_3inputs">
            <div class="input_box input_text input_box_bleu">
                <label for="adherent_prof_ecole1">École / classe / lieu [1]</label>
                <input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Lieu dans lequel vous enseignez" required>
            </div>

            <div class="input_box input_text input_box_gris">
                <label for="adherent_prof_ecole1_mail">Mail</label>
                <input type="text" name="adherent_prof_ecole1_mail" id="adherent_prof_ecole1_mail">
            </div>

            <div class="input_box input_text input_box_gris">
                <label for="adherent_prof_ecole1_web">Site internet</label>
                <input type="text" name="adherent_prof_ecole1_web" id="adherent_prof_ecole1_web">
            </div>

            <div class="input_box input_text input_box_gris">
                <label for="adherent_prof_ecole1_adresse">Adresse</label>
                <input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse" required>
            </div>

            <div class="input_box input_text input_box_gris">
                <label for="adherent_prof_ecole1_cp">Code postal</label>
                <input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp" placeholder="Important pour le référencement dans l'annuaire" required>
            </div>

            <div class="input_box input_text input_box_gris">
                <label for="adherent_prof_ecole1_ville">Ville</label>
                <input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville" placeholder="Important pour le référencement dans l'annuaire" required>
            </div>

            <div class="input_box input_text input_box_gris">
                <label for="adherent_prof_ecole1_region">Région</label>
                <select id="adherent_prof_ecole1_region" name="adherent_prof_ecole1_region" required>
                    <option value="" selected></option>
                    <% regionsEcolesProf.forEach(function(region) { %>
                        <option value="<%= region %>"><%= region %></option>
                    <% }); %>
                </select>
            </div>
        </div>


        <div id="ajout_ecole2" class="ajout_ecole_button">
            <p>Vous souhaitez ajouter une autre école</p>
        </div>
    
        
        <div id="ajout_ecole2_content" class="hidden">
            <div class="grid_3inputs">
                <div class="input_box input_text input_box_bleu">
                    <label for="adherent_prof_ecole2">École / classe [2]</label>
                    <input type="text" name="adherent_prof_ecole2" id="adherent_prof_ecole2" placeholder="Dans laquelle vous enseignez">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole2_mail">Mail</label>
                    <input type="text" name="adherent_prof_ecole2_mail" id="adherent_prof_ecole2_mail">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole2_web">Site internet</label>
                    <input type="text" name="adherent_prof_ecole2_web" id="adherent_prof_ecole2_web">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole2_adresse">Adresse</label>
                    <input type="text" name="adherent_prof_ecole2_adresse" id="adherent_prof_ecole2_adresse">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole2_cp">Code postal</label>
                    <input type="text" name="adherent_prof_ecole2_cp" id="adherent_prof_ecole2_cp">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole2_ville">Ville</label>
                    <input type="text" name="adherent_prof_ecole2_ville" id="adherent_prof_ecole2_ville">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole2_region">Région</label>
                    <select id="adherent_prof_ecole2_region" name="adherent_prof_ecole2_region">
                        <option value="" selected></option>
                        <% regionsEcolesProf.forEach(function(region) { %>
                            <option value="<%= region %>"><%= region %></option>
                        <% }); %>
                    </select>
                </div>
            </div>

            <div id="ajout_ecole3" class="ajout_ecole_button">
                <p>Vous souhaitez ajouter une autre école</p>
            </div>
    
            <div id="ajout_ecole3_content" class="grid_3inputs hidden">
        
                <div class="input_box input_text input_box_bleu">
                    <label for="adherent_prof_ecole3">École / classe [3]</label>
                    <input type="text" name="adherent_prof_ecole3" id="adherent_prof_ecole3" placeholder="Dans laquelle vous enseignez">
                </div>
    
                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole3_mail">Mail</label>
                    <input type="text" name="adherent_prof_ecole3_mail" id="adherent_prof_ecole3_mail">
                </div>
    
                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole3_web">Site internet</label>
                    <input type="text" name="adherent_prof_ecole3_web" id="adherent_prof_ecole3_web">
                </div>
    
                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole3_adresse">Adresse</label>
                    <input type="text" name="adherent_prof_ecole3_adresse" id="adherent_prof_ecole3_adresse">
                </div>
    
                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole3_cp">Code postal</label>
                    <input type="text" name="adherent_prof_ecole3_cp" id="adherent_prof_ecole3_cp">
                </div>
    
                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole3_ville">Ville</label>
                    <input type="text" name="adherent_prof_ecole3_ville" id="adherent_prof_ecole3_ville">
                </div>

                <div class="input_box input_text input_box_gris">
                    <label for="adherent_prof_ecole3_region">Région</label>
                    <select id="adherent_prof_ecole3_region" name="adherent_prof_ecole3_region">
                        <option value="" selected></option>
                        <% regionsEcolesProf.forEach(function(region) { %>
                            <option value="<%= region %>"><%= region %></option>
                        <% }); %>
                    </select>
                </div>
            </div>
        </div>

        


    </section>
