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

                
                <% if (locals["montant_accompte"] > 100) { %>
                    <h1>Paiement et inscription réussis</h1>
                <% } %>
                <% if (locals["montant_accompte"] < 100) { %>
                    <h1>Inscription réussie</h1>
                <% } %>

                <div class="">
                    <div>
                        <% if (locals["montant_accompte"] > 100) { %>
                            <p>La paiement de l'acompte avec la carte bancaire a réussi.</p>
                        <% } %>
                        <p>Vous aller recevoir un mail de confirmation d'inscription au stage.</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 = 0; 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">PARTICIPANT <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>
                                <% if (locals[`personne_${toto}_prise_charge_nom`]) { %>
                                    <p>Prise en charge par une autre famille : <span class='identifiant'><%= locals[`personne_${toto}_prise_charge_nom`] %></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>
                                
                                
                                <% if (locals["personne_"+toto+"_profil"] === "professeur" || locals["personne_"+toto+"_profil"] === "accompagnant" || locals["personne_"+toto+"_profil"] === "Camp ado") { %>
                                    <p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_instrument"] !== "undefined") { %>
                                    <p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
                                <% } %>
                                <% if (locals[`personne_${toto}_instrument_ensemble`]) { %>
                                    <p>Instrument option "Atelier musique d'ensemble" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_ensemble`] %></span></p>
                                <% } %>
                                <% if (locals[`personne_${toto}_instrument_collectif`]) { %>
                                    <p>Instrument option "Cours collectif" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_collectif`] %></span></p>
                                <% } %>

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

                                <% if (locals["personne_"+toto+"_option_coursindividuel"] === "cours individuel") { %>
                                    <p>Option Cours individuel : <span class='identifiant'>oui</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_option_decouvrealto"] === "decouvertealto") { %>
                                    <p>Option découverte de l'alto : <span class='identifiant'>oui</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_choral"] === "chant choral") { %>
                                    <p>Option chant choral : <span class='identifiant'>oui</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_dalcroze"] === "rythmique Dalcroze") { %>
                                    <p>Option rythmique Dalcroze : <span class='identifiant'>oui</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_eveil"] === "éveil musical") { %>
                                    <p>Option éveil musical : <span class='identifiant'>oui</span></p>
                                <% } %>
                                <br>
                                
                                <% if (hebergement == "Centre les Flocons Verts - hébergement partagé") { %>
                                    <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+"_coursindividuel_cout"]) { %>
                                    <p>Option cours particulier : <span class='identifiant'><%= locals["personne_"+toto+"_coursindividuel_cout"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_option_decouvrealto_cout"]) { %>
                                    <p>Option découverte de l'alto : <span class='identifiant'><%= locals["personne_"+toto+"_option_decouvrealto_cout"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_eveil_cout"]) { %>
                                    <p>Option éveil musical : <span class='identifiant'><%= locals["personne_"+toto+"_eveil_cout"] %>€</span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_collectif"] == "Cours collectif Suzuki") { %>
                                    <p>Option Cours collectif Suzuki : <span class='identifiant'><%= locals["personne_"+toto+"_collectif_cout"] %>€</span></p>
                                <% } %>
                                <% if (locals["personne_"+toto+"_ensemble"] == "Atelier musique d'ensemble") { %>
                                    <p>Option Cours Atelier musique d'ensemble : <span class='identifiant'><%= locals["personne_"+toto+"_ensemble_cout"] %>€</span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_particulier"] == "Cours particulier") { %>
                                    <p>Option Cours Cours particuliers: <span class='identifiant'><%= locals["personne_"+toto+"_particulier_cout"] %>€</span></p>
                                <% } %>

                                <% if (locals["personne_"+toto+"_choral"] === "chant choral") {
                                    if (locals["personne_"+toto+"_chant_cout"] > 0) {%>
                                    <p>Option Chant choral : <span class='identifiant'><%= locals["personne_"+toto+"_chant_cout"] %>€</span></p>
                                    <% } else { %>
                                        <p>Option Chant choral : <span class='identifiant'>offert !</span></p>
                                    <% } %>
                                <% } %>
                                <% if (locals["personne_"+toto+"_dalcroze"] === "rythmique Dalcroze") {
                                    if (locals["personne_"+toto+"_dalcroze_cout"] > 0) {%>
                                        <p>Option Rythmique Dalcroze : <span class='identifiant'><%= locals["personne_"+toto+"_dalcroze_cout"] %>€</span></p>
                                    <% } else { %>
                                        <p>Option Rythmique Dalcroze à payer sur place (non inclus dans le total général) : <span class='identifiant'>75€</span></p>
                                    <% } %>
                                <% } %>

                                <% if (locals["personne_"+toto+"_observation_cout"] > 0) { %>
                                    <p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
                                <% } %>
                            </div>
                        </div>
                    <% } %>
                    
                <% } %>

            </section>
            <hr>
            <section class="tarifs">
                <% if (locals["remise"] > 0) { %>
                    <p>Remise famille nombreuse : <span class='identifiant'><%= remise %></span></p>
                <% } %>
                <% if (locals["hebergement"] == "Centre les Flocons Verts - hébergement non partagé") { %>
                    <p>Coût total hébergement avec supplément hébergement non partagé : <span class='identifiant'><%= cout_total_hebergement %></span></p>
                <% } %>
                <p>Frais de dossier  : <span class='identifiant'><%= frais_dossier %>€</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 payé à l'inscription : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
                <br>
                <% if (locals["cout_total_dalcroze_surplace"]) { %>
                    <p>Coût activité Dalcroze adulte à payer sur place : <span class='identifiant'><%= cout_total_dalcroze_surplace %>€</span></p>
                <% } %>
            </section>    
            

        </article>

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


  
  </html>