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


                
            </section>

            <section>
                <div class="icone_bus">
                    <div><img class='icone' src="/public/images/icones/icone_bus.png" alt="icone information à cliquer"></div>
                    <p>Nombre de personnes pour la navette depuis Maule : <span class='identifiant'><%= bus_nb %></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>Catégorie : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
                                <% 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+"_repas"] === "repas") { %>
                                        <p>Repas du midi : <span class='identifiant'>oui (8€)</span></p>
                                    <% } %>
                                <% } %>
                              
                                <% if (locals["personne_"+toto+"_role"] === "instrumentiste") {%>

                                    <% if (locals["personne_"+toto+"_age"]) { %>
                                        <p>Age : <span class='identifiant'><%= locals["personne_"+toto+"_age"] %></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+"_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>
            <hr>

            
            
            <section class="">
                <% if (locals["cout_total"] > 0) { %>
                    <form action="post_payer_ri" method="post" class="">
                        <section class="tarifs">
                            <p>Tarif rassemblement  : <span class='identifiant'><%= cout_rassemblement %>€</span></p>
                            <% if (locals["cout_repas"] > 0) { %>
                                <p>Coût repas professeur(s)  : <span class='identifiant'><%= cout_repas %>€</span></p>
                            <% } %>
                            <p>Frais bancaire : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
                            <p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
                            
                            
                            <% if (locals["infoaccompagnant"] === "oui") { %>
                            
                                <hr>
                                <div class="grid_2inputs">
                                    <div class="icone_hebergement">
                                        <div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone information à cliquer"></div>
                                        <p>Nom de la personne acompagnatrice du, ou des élèves, durant la journée du rassemblement :    </p>
            
                                        <div class="input_box input_text input_box_gris marginleft_27px">
                                            <label for="accompagnant_nom">Nom de l'accompagnant *</label>
                                            <input type="text" name="accompagnant_nom" id="accompagnant_nom" required>
                                        </div>
                
                                        <div class="input_box input_text input_box_gris marginleft_27px">
                                            <label for="accompagnant_prenom">Prénom *</label>
                                            <input type="text" name="accompagnant_prenom" id="accompagnant_prenom" required>
                                        </div>
                                        
                                    </div>
                                </div>
                                <!-- ---------------------------------- -->
                                <!-- RESPONSABILITE -->
                                <!-- ---------------------------------- -->
                                <section class="marginleft_27px">
                                    <div class="input_checkbox">
                                        <input type="checkbox" name="check_responsabilite" id="check_responsabilite" required>
                                        <label for="check_responsabilite">Je suis responsable de mon enfant et je m'engage à rester sur place durant toute la durée de l'événement.</label>
                                    </div>
                                </section>
                            <% } %>
            
                            <hr>
            
                            <br>
                            <p>Le mode de paiement est la<span class='identifiant'>carte bancaire</span><br>En cliquant sur le bouton "PAYER" vous allez être redirigé vers le système de paiement bancaire.<br>Après le paiement, vous recevrez un mail de confirmation d'inscription.</p>
            
                        </section>
                        <button type="submit" class="button_icone button_icone_recap bg_green">
                            <span class="btn_icone">+</span><span class="btn_texte">PAYER</span>
                        </button>
                    </form>
                <% } %>
                <% if (locals["cout_total"] < 1) { %>
                    <form action="post_recap_valid_ss_paiement" method="post" class="">
                        <button type="submit" class="button_icone button_icone_recap bg_green">
                            <span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
                        </button>
                    </form>
                <% } %>
                <form action="post_recap_modifier" method="post" class="">
                    <button type="submit" class="button_icone button_icone_recap">
                        <span class="btn_icone">+</span><span class="btn_texte">MODIFIER</span>
                    </button>
                </form>
            </section>

            <!-- ------------------------- -->
            <!-- Explication aux visiteurs -->
            <!-- ------------------------- -->

            <section class="savoirplus_accueil">



            </section>

        </article>

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


  
  </html>