// ADHESION AFPS
// REMPLIR LE FORMULAIRE POUR LES ÉLÈVES


/////////////////////////////////////////
/////////////////////////////////////////
// ÉLÈVE
// 5 MAX
/////////////////////////////////////////
/////////////////////////////////////////

/////////////////////////////////////////
// VARIABLE
var eleve = "0";
var instrumentAB;
let contenuhtml_eleve;

/////////////////////////////////////////
// AU CHARGEMENT DE LA PAGE UNIQUEMENT POUR LES FAMILLES, PAS POUR LES PROFS
// ON AFFICHE LE PREMIER ELEVE
if (window.location.pathname === "/adhesion/adhesion_famille") {
    window.onload = ajout_eleve(0);
};


// quand le visiteur clique sur "ajouter un élève"
function ajout_eleve(eleve) {
    afficheeleve(eleve);
}

function ajout_prof_eleve(checkboxElem,eleve) {
    // si box diplome checked on affiche
    if (checkboxElem.checked) {
        
        // On vérifie que la prof ou le statgiaire s'inscrit également
        if (check_prof_diplome.checked || check_prof_formation.checked) {
            afficheeleve(eleve);
            
        } else {
            alert("Vous devez ajouter un diplôme ou une formation pour le professeur avant d'ajouter son enfant");   
        }
        
    } else {
        // si box diplome unchecked on supprime
        supprimer_eleve_all();
    }
}

/////////////////////////////////////////
// SAISIE DES INFORMATIONS POUR UN ÉLÈVE
/////////////////////////////////////////
function afficheeleve(eleve) {
    eleve++;

    // Le nombre d'élève est atteint
    if (eleve > 5 ) {
        console.log("5 élèves maximum atteint");
        return;
    }

    // on rempli la variable "contenuhtml_eleve" du contenu html à afficher
    // Ce if sert pour ne pas répéter plusieurs fois le même numéro de eleve si l'internaute clique plusieurs fois sur le même "ajouter une eleve"
    if (!document.querySelector('#eleve'+ eleve +'')) {

        contenuhtml_eleve = `<section id="eleve`+ eleve +`" class="personne">
        <h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information">ÉLÈVE <span class="rouge numero">`+ eleve +`</span>`;
    
        // Permettre de supprimer les élèves ajoutés
        if (eleve > 1) {
            contenuhtml_eleve += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_eleve_delete`+ eleve +`" id="check_eleve_delete`+ eleve +`" onchange="supprimer_eleve(`+ eleve +`)"><label class="label_suppr" for="check_eleve_delete`+ eleve +`">Supprimer cet eleve</label></span>`;
        };

        contenuhtml_eleve += `</h2>
        <div class="grid_3inputs">
            <div class="input_box input_text input_box_gris">
                <label for="eleve_`+ eleve +`_nom">Nom de famille *</label>
                <input type="text" name="eleve_`+ eleve +`_nom" id="eleve_`+ eleve +`_nom" title="Nom de famille de l'élève" required>
            </div>
            <div class="input_box input_text input_box_gris">
                <label for="eleve_`+ eleve +`_prenom">Prénom *</label>
                <input type="text" name="eleve_`+ eleve +`_prenom" id="eleve_`+ eleve +`_prenom" title="Prénom de l'élève" required>
            </div>
            <div class="input_box input_text input_box_gris">
                <label for="eleve_`+ eleve +`_datenaissance">Date de naissance *</label>
                <input type="date" name="eleve_`+ eleve +`_datenaissance" id="eleve_`+ eleve +`_datenaissance" title="Date de naissance de l'élève" required>
            </div>
        </div>

        <div class="grid_3inputs">
            <div class="input_box input_text input_box_bleu">
                <label for="eleve_`+ eleve +`_instrumentA">Premier instrument *</label>
                <select id="eleve_`+ eleve +`_instrumentA" name="eleve_`+ eleve +`_instrumentA" title="De quel instrument joue l'élève ?" required onchange="select_prof(`+eleve+`,'A')">
                    <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>
                    <option value="SECE">SECE</option>
                </select>
            </div>
            <div class="input_box input_text input_box_bleu">
                <label for="eleve_`+ eleve +`_instrumentA_cahier">Cahier *</label>
                <select id="eleve_`+ eleve +`_instrumentA_cahier" name="eleve_`+ eleve +`_instrumentA_cahier" required>
                    <option value="" selected></option>
                    <option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
                    <option value="Cahier 1">Cahier 1</option>
                    <option value="Cahier 2">Cahier 2</option>
                    <option value="Cahier 3">Cahier 3</option>
                    <option value="Cahier 4">Cahier 4</option>
                    <option value="Cahier 5">Cahier 5</option>
                    <option value="Cahier 6">Cahier 6</option>
                    <option value="Cahier 7">Cahier 7</option>
                    <option value="Cahier 8">Cahier 8</option>
                    <option value="Cahier 9">Cahier 9</option>
                    <option value="Cahier 10">Cahier 10</option>
                    <option value="Hors cahier">Hors cahier</option>
                </select>
            </div>
            <div class="input_box input_text input_box_bleu">
                <label for="eleve_`+ eleve +`_instrumentA_prof">Professeur *</label>
                <select id="eleve_`+ eleve +`_instrumentA_prof" name="eleve_`+ eleve +`_instrumentA_prof" required>
                </select>
            </div>
        </div>          

        
        <div class="grid_3inputs">
            <div class="input_box input_text input_box_bleu">
                <label for="eleve_`+ eleve +`_instrumentB">Possibilité deuxième instrument</label>
                <select id="eleve_`+ eleve +`_instrumentB" name="eleve_`+ eleve +`_instrumentB" title="De quel instrument joue l'élève ?" onchange="select_prof(`+eleve+`,'B')">
                    <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>
                    <option value="SECE">SECE</option>
                </select>
            </div>
            <div class="input_box input_text input_box_bleu">
                <label for="eleve_`+ eleve +`_instrumentB_cahier">Cahier</label>
                <select id="eleve_`+ eleve +`_instrumentB_cahier" name="eleve_`+ eleve +`_instrumentB_cahier">
                    <option value="" selected></option>
                    <option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
                    <option value="Cahier 1">Cahier 1</option>
                    <option value="Cahier 2">Cahier 2</option>
                    <option value="Cahier 3">Cahier 3</option>
                    <option value="Cahier 4">Cahier 4</option>
                    <option value="Cahier 5">Cahier 5</option>
                    <option value="Cahier 6">Cahier 6</option>
                    <option value="Cahier 7">Cahier 7</option>
                    <option value="Cahier 8">Cahier 8</option>
                    <option value="Cahier 9">Cahier 9</option>
                    <option value="Cahier 10">Cahier 10</option>
                    <option value="Hors cahier">Hors cahier</option>
                </select>
            </div>
            <div class="input_box input_text input_box_bleu">
                <label for="eleve_`+ eleve +`_instrumentB_prof">Professeur</label>
                <select id="eleve_`+ eleve +`_instrumentB_prof" name="eleve_`+ eleve +`_instrumentB_prof">
                </select>
            </div>
        </div>

        <div class="grid_3inputs">
          <div class="input_box input_text">
            <label for="eleve_`+ eleve +`_droitimage">Acceptez-vous la diffusion des images?</label>
            <select id="eleve_`+ eleve +`_droitimage" name="eleve_`+ eleve +`_droitimage" required>
              <option value="" selected></option>
              <option value="oui">Oui</option>
              <option value="non">Non</option>
            </select>
          </div>
        </div>

        <div class="grid_3inputs">
          <div class="input_box input_text input_box_gris">
            <label for="eleve_`+ eleve +`_contactsup_nom">Autre parent à contacter : Nom</label>
            <input type="text" name="eleve_`+ eleve +`_contactsup_nom" id="eleve_`+ eleve +`_contactsup_nom">
          </div>

          <div class="input_box input_text input_box_gris">
            <label for="eleve_`+ eleve +`_contactsup_prenom">Prénom</label>
            <input type="text" name="eleve_`+ eleve +`_contactsup_prenom" id="eleve_`+ eleve +`_contactsup_prenom">
          </div>

          <div class="input_box input_text input_box_gris">
            <label for="eleve_`+ eleve +`_contactsup_mail">Mail</label>
            <input type="text" name="eleve_`+ eleve +`_contactsup_mail" id="eleve_`+ eleve +`_contactsup_mail">
          </div>
        </div>      
        `;

        if (eleve < 5) {
            contenuhtml_eleve += "<!-- ---------------------------------- -->"+
            `<!-- Voulez-vous ajouter un autre ? -->`+
            `<!-- ---------------------------------- -->`+
            `<div class="input_checkbox">`+
            `<input type="checkbox" name="check_eleve`+ eleve +`" id="check_eleve`+ eleve +`" onchange="ajout_eleve(`+ eleve +`)">`+
            `<label class="gras" for="check_eleve`+ eleve +`">Voulez-vous ajouter un autre élève ?</label>`+
            `</div>`
        };

        contenuhtml_eleve += `</section>`;
        
        
        eleve--;

        // AFFICHER LE FORMULAIRE DE SAISIE D'UN ELEVE APRÈS LE DERNIER

        document.querySelector('#eleve'+ eleve +'').insertAdjacentHTML("afterend",contenuhtml_eleve);

        eleve++;
        return eleve;

    }
}

function select_prof(eleve,instrumentAB) {
    console.log("instrumentAB = " + instrumentAB);
    console.log("ID content = " + document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +""));
    let instrument_saisie = document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"").value;
    console.log("instrument_saisie = ", instrument_saisie);

    if (instrument_saisie == "Alto"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="PAGES Anne">PAGES Anne</option>
        <option value="PLATONE Hélène">PLATONE Hélène</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Contrebasse"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Flûte traversière"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="DOZO Guadalupe">DOZO Guadalupe</option>
        <option value="MILLE Christelle">MILLE Christelle</option>
        <option value="MONTAGNA Cristina">MONTAGNA Cristina</option>
        <option value="PAILLOT-DURY Catherine">PAILLOT-DURY Catherine</option>
        <option value="PRIESTER Fanny">PRIESTER Fanny</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Guitare"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="FAU Benjamin">FAU Benjamin</option>
        <option value="LOFFLER Marcelo">LOFFLER Marcelo</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Harpe"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="BASMADJIAN-POIRIER Muriel">BASMADJIAN-POIRIER Muriel</option>
        <option value="DENIS Raphaëlle">DENIS Raphaëlle</option>
        <option value="MAGRINI Alessandra">MAGRINI Alessandra</option>
        <option value="RIVERA Eva">RIVERA Eva</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Orgue"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="HAEDT-GOUSSU Camille">HAEDT-GOUSSU Camille</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Piano"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="BOINEAU-BENHAIM Nicole">BOINEAU-BENHAIM Nicole</option>
        <option value="CALATAYUD Marielle">CALATAYUD Marielle</option>
        <option value="CHAPRON Camille">CHAPRON Camille</option>
        <option value="DENARO Luigi">DENARO Luigi</option>
        <option value="EL DACCACHE Georges">EL DACCACHE Georges</option>
        <option value="EL KAROUT Fouad">EL KAROUT Fouad</option>
        <option value="ESPONA Véronique">ESPONA Véronique</option>
        <option value="GASTON Isabelle">GASTON Isabelle</option>
        <option value="GOKELAERE Fabienne">GOKELAERE Fabienne</option>
        <option value="HAEDT- GOUSSU Camille">HAEDT- GOUSSU Camille</option>
        <option value="KAWAHARA Koyuki">KAWAHARA Koyuki</option>
        <option value="OLIVIER-SAGAWA Reika">OLIVIER-SAGAWA Reika</option>
        <option value="PERRIN Véronique">PERRIN Véronique</option>
        <option value="TCHERNOOKOV Viola">TCHERNOOKOV Viola</option>
        <option value="JACQUET-BOURDIN Lucie">JACQUET-BOURDIN Lucie</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Trompette"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="CALVAYRAC Michel">CALVAYRAC Michel</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Violon"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="ACCADIA Laure">ACCADIA Laure</option>
        <option value="ADAMS Kate">ADAMS Kate</option>
        <option value="ALLARD Cédric">ALLARD Cédric</option>
        <option value="ARESTAN Philippe">ARESTAN Philippe</option>
        <option value="AUDUC Cécile">AUDUC Cécile</option>
        <option value="BAUJARD Mariko">BAUJARD Mariko</option>
        <option value="BEAU-FAUCHER Gaelle">BEAU-FAUCHER Gaëlle</option>
        <option value="BEETSCHEN Ghislaine">BEETSCHEN Ghislaine</option>
        <option value="BERNARDON Vincent">BERNARDON Vincent</option>
        <option value="BILLIET Hélène">BILLIET Hélène</option>
        <option value="BONHOMME Amandine">BONHOMME Amandine</option>
        <option value="BOSSUAT Christophe">BOSSUAT Christophe</option>
        <option value="CABLEY-DENOIX Hélène">CABLEY-DENOIX Hélène</option>
        <option value="CACHOT Sigismond">CACHOT Sigismond</option>
        <option value="CALVAYRAC Danielle">CALVAYRAC Danielle</option>
        <option value="CALVAYRAC Malgorzata">CALVAYRAC Malgorzata</option>
        <option value="CASTOR Gaëlle">CASTOR Gaëlle</option>
        <option value="CATOIRE Mélanie">CATOIRE Mélanie</option>
        <option value="CAUCHEFER Marie">CAUCHEFER Marie</option>
        <option value="CHAUSSADE Amelie">CHAUSSADE Amélie</option>
        <option value="CHITEPO Chiyedza">CHITEPO Chiyedza</option>
        <option value="COLLIN Ombeline">COLLIN Ombeline</option>
        <option value="COLOMBO Axelle">COLOMBO Axelle</option>
        <option value="CONTI Cristina">CONTI Cristina</option>
        <option value="DE LAROUZIERE Aude">DE LAROUZIERE Aude</option>
        <option value="DE MALEFETTE Stéphanie">DE MALEFETTE Stéphanie</option>
        <option value="DEVUN Danièle">DEVUN Danièle</option>
        <option value="DEVUN Francois">DEVUN François</option>
        <option value="DODELIER Thibaut">DODELIER Thibaut</option>
        <option value="DUTOIT Sophie">DUTOIT Sophie</option>
        <option value="EYMARD Marianne">EYMARD Marianne</option>
        <option value="FARGEOT-MAUCHE Elodie">FARGEOT-MAUCHE Elodie</option>
        <option value="FEGE-DUBET Blandine">FEGE-DUBET Blandine</option>
        <option value="FORAY Camille">FORAY Camille</option>
        <option value="FORTUNE Fanny">FORTUNE Fanny</option>
        <option value="GAZZOLA Stefania">GAZZOLA Stefania</option>
        <option value="GILLIERON Eve">GILLIERON Eve</option>
        <option value="GRIMAND-BOUDIER Hélène">GRIMAND-BOUDIER Hélène</option>
        <option value="GUYONNET Jonathan">GUYONNET Jonathan</option>
        <option value="JONVILLE Pauline">JONVILLE Pauline</option>
        <option value="KHALLOUKY Eva">KHALLOUKY Eva</option>
        <option value="LAPLANCHE Isabelle">LAPLANCHE Isabelle</option>
        <option value="LAUBEPIN Mathilde">LAUBEPIN Mathilde</option>
        <option value="LECLAIRE Larissa">LECLAIRE Larissa</option>
        <option value="LESAING Isabelle">LESAING Isabelle</option>
        <option value="LLEDO Daniel">LLEDO Daniel</option>
        <option value="MARGAIN Marine">MARGAIN Marine</option>
        <option value="MARTIN Joanne">MARTIN Joanne</option>
        <option value="MELCONIAN Annie">MELCONIAN Annie</option>
        <option value="MICCIO Nadine">MICCIO Nadine</option>
        <option value="MODAFFARI Adrien">MODAFFARI Adrien</option>
        <option value="MOUZIMANN Pierre">MOUZIMANN Pierre</option>
        <option value="NÉEL Marie">NÉEL Marie</option>
        <option value="ODDOU Julie">ODDOU Julie</option>
        <option value="OLIVIER Marc">OLIVIER Marc</option>
        <option value="PAGES Anne">PAGES Anne</option>
        <option value="PAILLOT Catherine">PAILLOT Catherine</option>
        <option value="POL Anaïs">POL Anaïs</option>
        <option value="PROST Geneviève">PROST Geneviève</option>
        <option value="RAFTERY Aine">RAFTERY Aine</option>
        <option value="RAIFFAUD Marine">RAIFFAUD Marine</option>
        <option value="READ Sophie">READ Sophie</option>
        <option value="RENARD Christelle">RENARD Christelle</option>
        <option value="RENTY Anna Maria">RENTY Anna Maria</option>
        <option value="ROSSOT Marie">ROSSOT Marie</option>
        <option value="ROUTIER Rachel">ROUTIER Rachel</option>
        <option value="RUCLI Vanessa">RUCLI Vanessa</option>
        <option value="SANCHEZ-GUZMAN Ana-Maria">SANCHEZ-GUZMAN Ana-Maria</option>
        <option value="SAUVEGRAIN Anne-Laure">SAUVEGRAIN Anne-Laure</option>
        <option value="SCHILLER Jennifer">SCHILLER Jennifer</option>
        <option value="SEIGNEURIN Aegine">SEIGNEURIN Aegine</option>
        <option value="SELMANI Enkeleida">SELMANI Enkeleida</option>
        <option value="SHINODA Sayaka">SHINODA Sayaka</option>
        <option value="SIMON Juliette">SIMON Juliette</option>
        <option value="SOL-MOLINER Aurore">SOL-MOLINER Aurore</option>
        <option value="TISSOT Roxane">TISSOT Roxane</option>
        <option value="VELU Marie">VELU Marie</option>
        <option value="VERDIER Iléana-Brandusa">VERDIER Iléana-Brandusa</option>
        <option value="XHABIA Daniela">XHABIA Daniela</option>
        <option value="ZANKO Barbara">ZANKO Barbara</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "Violoncelle"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="BERTAZZON Virginie">BERTAZZON Virginie</option>
        <option value="BEYRIS Carlos">BEYRIS Carlos</option>
        <option value="BOISSIERE Lison">BOISSIERE Lison</option>
        <option value="BOYAUD Chloé">BOYAUD Chloé</option>
        <option value="BRESSON Alexandre">BRESSON Alexandre</option>
        <option value="CHARLES Faustine">CHARLES Faustine</option>
        <option value="DE LAROUZIERE Bénédicte">DE LAROUZIERE Bénédicte</option>
        <option value="FRANCOIS Zofia">FRANCOIS Zofia</option>
        <option value="HERVAULT Chloé">HERVAULT Chloé</option>
        <option value="JAEGER Chantal">JAEGER Chantal</option>
        <option value="JARDINES Jacqueline">JARDINES Jacqueline</option>
        <option value="LATIL Chantal">LATIL Chantal</option>
        <option value="LAUGENIE Anaïs">LAUGENIE Anaïs</option>
        <option value="LAUGENIE Florence">LAUGENIE Florence</option>
        <option value="LECRAS - PARAIRE Amandine">LECRAS - PARAIRE Amandine</option>
        <option value="LOBET Sophie">LOBET Sophie</option>
        <option value="OTALORA Luz Dary">OTALORA Luz Dary</option>
        <option value="PASUT Ugo">PASUT Ugo</option>
        <option value="RENAUD Johanna">RENAUD Johanna</option>
        <option value="RIEDEL Rebekka">RIEDEL Rebekka</option>
        <option value="RIVERA Ruben">RIVERA Ruben</option>
        <option value="RODALLEC Marine">RODALLEC Marine</option>
        <option value="ROUSSEL Sandrine">ROUSSEL Sandrine</option>
        <option value="SEGUIN Hélène">SEGUIN Hélène</option>
        <option value="SPRENG Alexander">SPRENG Alexander</option>
        <option value="VIDAL Pauline">VIDAL Pauline</option>
        <option value="WILSON Ariane">WILSON Ariane</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (instrument_saisie == "SECE"){
        contenuhtml_prof = `<option value="" selected></option>
        <option value="JACQUET-BOURDIN Lucie">JACQUET-BOURDIN Lucie</option>
        <option value="prof non inscrit">professeur non encore inscrit</option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };
    if (!instrument_saisie){
        contenuhtml_prof = `<option value="" selected></option>`;
        document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
        contenuhtml_prof ='';
    };

}

function supprimer_eleve(eleve) {
    document.querySelector('#eleve'+ eleve +'').remove();
}

function supprimer_eleve_all() {
    if (document.querySelector('#eleve1')) {document.querySelector('#eleve1').remove()};
    if (document.querySelector('#eleve2')) {document.querySelector('#eleve2').remove()};
    if (document.querySelector('#eleve3')) {document.querySelector('#eleve3').remove()};
    if (document.querySelector('#eleve4')) {document.querySelector('#eleve4').remove()};
    if (document.querySelector('#eleve5')) {document.querySelector('#eleve5').remove()};
    if (document.querySelector('#eleve6')) {document.querySelector('#eleve6').remove()};
}