<%- include('../../template_parts/head')%>

<body>

    <!-- ---------------------------------- -->
    <!-- HEADER -->
    <!-- ---------------------------------- -->
    <%- include('../../template_parts/header_tunnel')%>

    <main>

        <!-- TITRE DE LA PAGE -->
        <%- include('../template_parts/rassemblementidf_titrepage')%>

        <article class="stage_formulaire_cont form_adhesion">
    
            <form id="rassemblementidf_form" action="" method="post" class="stage_formulaire">

                <section>

                    <h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>

                    <div class="grid_2inputs">
                        <div>
                            <p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
                        </div>
                    </div>
                    <div class="grid_2inputs">
                        <div class="input_box input_text input_box_gris">
                            <label for="association">Association Suzuki *</label>
                            <input type="text" name="association" id="association" value='<%= association_suzuki %>' required>
                        </div>
                    </div>

                    <div class="grid_2inputs">
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_nom">Nom de famille *</label>
                            <input type="text" name="adherent_nom" id="adherent_nom" value='<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>' required>
                        </div>

                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_prenom">Prénom *</label>
                            <input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' required>
                        </div>
                    </div>

                    <div class="grid_2inputs">
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_adresse_rue">Rue *</label>
                            <input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" value="<% if (locals.adherent_adresse_rue) { %><%= adherent_adresse_rue %><% }; %>" required>
                        </div>
                
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_adresse_complement">Complément d'adresse</label>
                            <input type="text" name="adherent_adresse_complement" id="adherent_adresse_complement" value="<% if (locals.adherent_adresse_complement) { %><%= adherent_adresse_complement %><% }; %>">
                        </div>
                
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_adresse_codepostal">Code postal</label>
                            <input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal" value="<% if (locals.adherent_adresse_codepostal) { %><%= adherent_adresse_codepostal %><% }; %>">
                        </div>
                
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_adresse_ville">Ville *</label>
                            <input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" value="<% if (locals.adherent_adresse_ville) { %><%= adherent_adresse_ville %><% }; %>" required>
                        </div>
                
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_adresse_pays">Pays *</label>
                            <input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays" value="<% if (locals.adherent_adresse_pays) { %><%= adherent_adresse_pays %><% }; %>" required>
                        </div>
                    </div>
                    <div class="grid_2inputs">
                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_telephone_mobile">Téléphone mobile *</label>
                            <input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile" value="<% if (locals.adherent_telephone_mobile) { %><%= adherent_telephone_mobile %><% }; %>" required>
                        </div>

                        <div class="input_box input_text input_box_gris">
                            <label for="adherent_mail">Mail *</label>
                            <input type="email" name="adherent_mail" id="adherent_mail" value="<% if (locals.adherent_mail) { %><%= adherent_mail %><% }; %>" required>
                        </div>
                    </div>
                </section>

                
                <section>

                    <h1 class="titre_personne"><span class="rouge">INSCRIPTION DES PERSONNES PRÉSENTES AU RASSEMBLEMENT</span></h1>
                    <div class="description">
                        <p>- Les élèves instrumentistes 🎈 Spécial premières années !</p>
                        <p>- Les professeurs</p>
                    </div>
                    <div class="space30"></div>

                </section>
                
                <section id="personne0">
                </section>

                <!-- ---------------------------------- -->
                <!-- COMMENTAIRE -->
                <!-- ---------------------------------- -->
                <section class="commentaire">
                    <div class="input_box input_text input_box_bleu">
                        <label class="labeltextarea" for="commentaire_adherent">Un commentaire ou une information particulière <br> à nous transmettre ?</label>
                        <textarea class="textarea_commentaire" id="commentaire_adherent" name="commentaire_adherent"rows="8" cols="40"></textarea>
                    </div>
                </section>






                <button type="submit" class="button_icone">
                    <span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
                </button>

            </form>
        </article>

    </main>
  
  
  
    <!-- ---------------------------------- -->
    <!-- FOOTER -->
    <!-- ---------------------------------- -->
    <%- include('../../template_parts/footer')%>
  
  </body>
   <!-- JAVASCRIPT d'EXECUTION -->
   <script src="/public/js/rassemblementra/rassemblementra_formulaire_personne.js"></script>
  
  </html>