<%- 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">
    


            <section>

                <h1>Inscription réussie</h1>

                <div class="">
                    <div>
                        <% if (locals.tag_ss_paiement === "oui") { %>
                            <p>Vous aller recevoir un mail de confirmation de votre inscription au Rassemblement Rhône-Alpes.</p>
                        <% } else {%>
                            <p>La paiement par carte bancaire a réussi</p>
                            <p>Vous aller recevoir un mail de confirmation de votre inscription au Rassemblement Rhône-Alpes.</p>
                        <% } %>
                    </div>
                </div>
                <br><br>
                <% if (locals.error) { %>
                    <p class="rouge"><%= error %></p>
                <% } %>
                <br><br>
            </section>

            <section class="">
                
                <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>
                        <p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
                    </div>
                </div>

                <% if (locals.tag_ss_paiement === "oui") { %>
                <% } else {%>
                    <div class="icone_hebergement">
                        <div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone information à cliquer"></div>
                        <p>Accompagnant : <span class='identifiant'><%= accompagnant_prenom %> <%= accompagnant_nom %></span></p>
                    </div>
                <% } %>

                
            </section>

            <section id="personne">

                <% for (let toto = 0; toto < 4; toto++) { %>
                    <% if (locals["personne_"+toto+"_nom"]) { %>
                        <div class="recap_personne">
                            <h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] + 1 %></span></h2>
                            <div>
                                <p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
                                <p>Catégorie : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>

                                <% if (locals.tag_ss_paiement === "oui") { %>
                                    <% if (locals["personne_"+toto+"_role"] === "professeur") {
                                        if (locals["personne_"+toto+"_instrument"]) { %>
                                            <p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
                                        <% } %>
                                    <% } %>
                                <% } else {%>
                                    <% if (locals["personne_"+toto+"_role"] === "professeur") {
                                        if (locals["personne_"+toto+"_instrument"]) { %>
                                            <p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
                                        <% } %>
                                    <% } %>                              
                                    <% if (locals["personne_"+toto+"_role"] === "instrumentiste") {
                                        if (locals["personne_"+toto+"_instrument"]) { %>
                                            <p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
                                        <% } %>
    
                                        <% if (locals["personne_"+toto+"_piece"]) { %>
                                            <p>Pièce : <span class='identifiant'><%= locals["personne_"+toto+"_piece"] %></span></p>
                                        <% } %>
    
                                        <% if (locals["personne_"+toto+"_prof"]) { %>
                                            <p>Professeur : <span class='identifiant'><%= locals["personne_"+toto+"_prof"] %></span></p>
                                        <% } %>
                                    <% } %>
                                <% } %>
                            </div>
                        </div>
                    <% } %>
                <% } %>

            </section>
            <% if (locals.tag_ss_paiement === "oui") { %>
                <% } else {%>
                    <hr>
                    <section class="tarifs">
                        <p>Tarif rassemblement  : <span class='identifiant'><%= tarif_rassemblement %></span></p>
                        <p>Montant total : <span class='identifiant'><%= tarif_rassemblement %>€</span></p>
                        <hr>
                    </section> 
                <% } %>
       
            

        </article>

    </main>
  
  
  
    <!-- ---------------------------------- -->
    <!-- FOOTER -->
    <!-- ---------------------------------- -->
    <%- include('../../template_parts/footer')%>
  
  </body>
    <!-- JAVASCRIPT d'EXECUTION -->


  
  </html>