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

<body>

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

    <main>

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


        <article class="stage_formulaire_cont form_adhesion">
    


            <section>

                <h1>Inscription réussie</h1>

                <div class="">
                    <div>
                        <p>Vous allez recevoir un mail de confirmation d'inscription au stage avec votre facture.</span></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>

                <div class="icone_hebergement">
                    <div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
                    <p>Hébergement : <span class='identifiant'><%= hebergement %></span></p>
                </div>
                

                
            </section>

            
            <section id="personne">

                <% for (let toto = 1; toto < 7; 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"] %></span></h2>
                            <div>
                                <p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
                                <p>Âge : <span class='identifiant'><%= locals["personne_"+toto+"_profilage"] %></span></p>
                                <p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_transport_mode"] %> <%= locals["personne_"+toto+"_transport_arret"] %></span></p>
                                
                                <p>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
                                
                                <p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
                                

                                <% if (locals["personne_"+toto+"_instrument"]) { %>
                                    <p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_option_concertsolo"]) { %>
                                    <p>Option Concert Solo: <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo"] %></span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_option_coursindividuel"]) { %>
                                    <p>Option Cours individuel: <span class='identifiant'><%= locals["personne_"+toto+"_option_coursindividuel"] %></span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_activite_1"]) { %>
                                    <p>Activité 1 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_1"] %></span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_activite_2"]) { %>
                                    <p>Activité 2 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_2"] %></span></p>
                                <% } %>
                                <br>
                                
                                <% if (locals["personne_"+toto+"_cout_hebergement"]) { %>
                                    <p>Hébergement : <span class='identifiant'><%= locals["personne_"+toto+"_cout_hebergement"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_cout_transport"]) { %>
                                    <p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_cout_transport"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_cours_cout"]) { %>
                                    <p>Cours intrument : <span class='identifiant'><%= locals["personne_"+toto+"_cours_cout"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_activite_cout"]) { %>
                                    <p>Activités : <span class='identifiant'><%= locals["personne_"+toto+"_activite_cout"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_observation_cout"]) { %>
                                    <p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
                                <% } %>
                            </div>
                        </div>
                    <% } %>
                    
                <% } %>

            </section>
            <hr>
            <section class="tarifs">
                <p>Remise : <span class='identifiant'><%= remise %></span></p>
                <p>Frais de dossier  : <span class='identifiant'>30€</span></p>
                <p>Frais bancaire de l'acompte  : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
                <p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
                <hr>
                <p>Montant acompte versé : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
            </section>        
            

        </article>

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


  
  </html>