<%- 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 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">
                                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`]) { %>
                                    <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}_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 "Cour collectif" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_collectif`] %></span></p>
                                <% } %>
                            
                                <% if (locals[`personne_${toto}_option_concertsolo_cahier`]) { %>
                                    <p>Concert Solo : <span class='identifiant'><%= locals[`personne_${toto}_option_concertsolo_piece`] %> - <%= locals[`personne_${toto}_option_concertsolo_cahier`] %></span></p>
                                <% } %>
                            
                                <% if (locals[`personne_${toto}_option_decouvrealto`] === "decouvertealto") { %>
                                    <p>Option découverte de l'alto : <span class='identifiant'>oui</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 instrument : <span class='identifiant'><%= locals[`personne_${toto}_cours_cout`] %>€</span></p>
                                <% } %>
                                
                                <% if (locals[`personne_${toto}_coursindividuel_cout`]) { %>
                                    <p>Option cours particuliers : <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}_dalcroze_cout`]) { %>
                                    <p>Option Rythmique Dalcroze : <span class='identifiant'><%= locals[`personne_${toto}_dalcroze_cout`] %>€</span></p>
                                <% } %>
                                
                                <% if (locals[`personne_${toto}_collectif_cout`]) { %>
                                    <p>Option Cours collectif Suzuki : <span class='identifiant'><%= locals[`personne_${toto}_collectif_cout`] %>€</span></p>
                                <% } %>
                                
                                <% if (locals[`personne_${toto}_ensemble_cout`]) { %>
                                    <p>Option Atelier musique d'ensemble : <span class='identifiant'><%= locals[`personne_${toto}_ensemble_cout`] %>€</span></p>
                                <% } %>
                                
                                <% if (locals[`personne_${toto}_particulier_cout`]) { %>
                                    <p>Option Cours particulier : <span class='identifiant'><%= locals[`personne_${toto}_particulier_cout`] %>€</span></p>
                                <% } %>
                                
                                <% if (locals[`personne_${toto}_chant_cout`] == "offert") { %>
                                    <p>Option Chant choral : <span class='identifiant'>offert</span></p>
                                <% } %>
                                
                                <% if (locals[`personne_${toto}_chant_cout`] > 0) { %>
                                    <p>Option Chant choral : <span class='identifiant'><%= locals[`personne_${toto}_chant_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>
                <% if (locals["cout_supplement_hebergement"] > 0) { %>
                    <p>Supplément pour hébergement non partagé  : <span class='identifiant'><%= cout_supplement_hebergement %>€</span></p>
                <% } %>
                <p>Frais de dossier  : <span class='identifiant'><%= frais_dossier %>€</span></p>
                
                <% if (locals["accompte_frais_bancaire"] > 0) { %>
                    <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>
                <% if (locals["montant_accompte"] > 100) { %>
                    <p>Montant acompte à payer à l'inscription : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
                <% } %>
                <br>
                <% if (locals["montant_accompte"] > 100) { %>
                    <p>Le mode de paiement de l'acompte est la <span class='identifiant'>carte bancaire</span><br>En cliquant sur le bouton "PAYER ACOMPTE" vous allez être redirigé vers le système de paiement bancaire.<br>Après le paiement, attendre la page de confirmation et vous recevrez un mail de confirmation d'inscription.</p>
                <% } %>
                
            </section>

            <hr>
            

            <section class="buttons">
                <% if (locals["montant_accompte"] > 100) { %>
                    <form action="post_payer_accompte" method="post" class="buttons">
                        <div class="space30"></div>
                        <section class="tarifs">
                            <div class="input_checkbox">
                                <input type="checkbox" required name="check_engage_paiement" id="check_engage_paiement" >
                                <label for="check_engage_paiement">En validant l'inscription par le paiement de l'acompte, je m'engage à payer la totalité du stage avant le 30 juin 2026.</label>
                            </div>
                            <div class="input_checkbox margintop_-20px">
                                <input type="checkbox" required name="check_engage_photos" id="check_engage_photos">
                                <label for="check_engage_photos">J’accepte que des vidéos et des photos de mes enfants soient prises pour la communication de l’Association Française pour la Pédagogie Suzuki</label>
                            </div>
                        </section>
                        <button type="submit" class="button_icone button_icone_recap bg_green margintop_-20px">
                            <span class="btn_icone">+</span><span class="btn_texte">PAYER ACOMPTE</span>
                        </button>
                    </form>
                <% } %>

                <% if (locals["montant_accompte"] < 100) { %>
                    <form action="post_enregistrer_inscrip_ssacompte" method="post" class="">
                        <button type="submit" class="button_icone button_icone_recap bg_green">
                            <span class="btn_icone">+</span><span class="btn_texte">ENREGISTRER</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_stage_accueil">

                <div id="savoirplus_button" class="savoirplus_button">
                    <p>En savoir plus sur le paiement du stage</p>
                </div>

            
                <div id="savoirplus_content" class="savoirplus_content hidden">
                    <p>un acompte de 150€ + 30€ pour frais de dossier + coût du paiement par carte bancaire, par élève, est demandé lors de l’inscription en ligne. Ces frais ne sont pas remboursables sauf si l'AFPS annule le séjour.</p>
                    <br>
                    <p>La totalité du séjour doit être versée avant le 30 juin 2026.</p>
                    <br>
                    <p><span class="gras">Modes de paiement du reste à payer après paiement de l'acompte :</span></p>
                    <br>
                    <ul>
                        <li>Par virement bancaire, en une fois uniquement</li>
                        <li>En 1 à 3 chèques, à l’ordre de l’AFPS</li>
                        <li>En chèques vacances ANCV : à l’ordre de Ternélia, les Flocons Verts</li>
                    </ul>
                    <br>
                    <p>Date limite de paiement : 30 juin 2026.</p>
                    <br>
                    <p>Adresse d'envoi du paiement: Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
                    
                    <br><p>Pour nous permettre d’associer l’inscription en ligne et le paiement, nous vous prions de bien vouloir renseigner le nom des enfants inscrits au dos des chèques, ou en commentaire associé à votre virement.</p>
                    <br>
                    <p><span class="gras">Références bancaires de l'AFPS pour le virement :</span></span></p>
                    <p>CREDIT AGRICOLE DE SAVOIE, IBAN : FR76 1810 6000 4496 7630 3576 718, BIC : AGRIFRPP881</p>
                    
                </div>


            </section>

        </article>

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