This commit is contained in:
julliechaumard
2023-02-28 01:15:30 +01:00
parent e09ebe2d92
commit dd49ba357b
151 changed files with 17859 additions and 0 deletions

View File

@@ -0,0 +1,177 @@
<%- include('../../template_parts/head')%>
<body>
<!-- ---------------------------------- -->
<!-- HEADER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/header_tunnel')%>
<main>
<!-- TITRE DE LA PAGE -->
<%- include('../template_parts/stagenational_titrepage')%>
<% if (err_mineur) { %>
<div class="erreur">ERREUR : <p class='identifiant'><%= err_mineur %></p></div>
<% } %>
<article class="stage_formulaire_cont form_adhesion">
<form id="stage_annuel_form" action="" method="post" class="stage_formulaire">
<section>
<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>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="association">Association Suzuki *</label>
<input type="text" name="association" id="association" value='<%= association %>' required>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_nom">Nom de famille *</label>
<input type="text" name="adherent_nom" id="adherent_nom" value='<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>' required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prenom">Prénom *</label>
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' required>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_rue">Rue *</label>
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" value="<% if (locals.adherent_adresse_rue) { %><%= adherent_adresse_rue %><% }; %>" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_complement">Complément d'adresse</label>
<input type="text" name="adherent_adresse_complement" id="adherent_adresse_complement" value="<% if (locals.adherent_adresse_complement) { %><%= adherent_adresse_complement %><% }; %>">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_codepostal">Code postal</label>
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal" value="<% if (locals.adherent_adresse_codepostal) { %><%= adherent_adresse_codepostal %><% }; %>">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_ville">Ville *</label>
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" value="<% if (locals.adherent_adresse_ville) { %><%= adherent_adresse_ville %><% }; %>" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_pays">Pays *</label>
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays" value="<% if (locals.adherent_adresse_pays) { %><%= adherent_adresse_pays %><% }; %>" required>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_telephone_mobile">Téléphone mobile *</label>
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile" value="<% if (locals.adherent_telephone_mobile) { %><%= adherent_telephone_mobile %><% }; %>" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_telephone_fixe">Téléphone fixe</label>
<input type="tel" name="adherent_telephone_fixe" id="adherent_telephone_fixe" value="<% if (locals.adherent_telephone_fixe) { %><%= adherent_telephone_fixe %><% }; %>">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_mail">Mail *</label>
<input type="email" name="adherent_mail" id="adherent_mail" value="<% if (locals.adherent_mail) { %><%= adherent_mail %><% }; %>" required>
</div>
</div>
</section>
<section>
<h1 class="titre_personne"><span class="rouge">INSCRIPTION DES PERSONNES PRÉSENTES AU STAGE (adultes et/ou enfants)</span></h1>
<div class="description">
<p>- Tous les élèves instrumentistes</p>
<p>- Toutes les personnes qui ont une activité au sein du stage</p>
<p>- Toutes les personnes qui n'ont pas d'activité et qui logent au centre Les Flocons Verts.</p>
</div>
<div class="grid_2inputs">
<div class="icone_hebergement">
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
<div class="input_box input_text input_box_bleu">
<label for="hebergement">Hébergement des personnes * <span onclick="document.querySelector('#savoirplus_heberg_content').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
<select id="hebergement" name="hebergement" required>
<option value="" selected></option>
<option value="flocons verts">Centre les flocons verts</option>
<option value="independant">independant</option>
</select>
</div>
</div>
</div>
</section>
<section class="savoirplus_stage">
<div id="savoirplus_heberg_content" class="savoirplus_content displaynone">
<span onclick="document.querySelector('#savoirplus_heberg_content').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
<p>INFORMATIONS SUR L'HEBERGEMENT</p>
<br>
<p>Les flocons verts - 123 route des servages - 74300 Carroz dArâches.</p>
<br>
<p>L'hébergement, est prévu en pension complète : 5 nuits avec repas (dimanche soir 20 août, au petit déjeuner du 25 août), hors goûter.</p>
<p>Il sera possible de commander sur place un pique-nique pour le repas du vendredi midi.</p>
<br>
<p>Le centre "Les Flocons Verts” offre dagréables chambres et duplex de 3 à 8 personnes, équipés de sanitaires. Deux familles seront regroupées dans un même duplex. Elles logeront chacune à un étage différent, et auront des sanitaires séparés.</p>
<br>
<p>Les quelques logements non partagés seront attribués en priorité aux personnes handicapées, et aux familles avec un enfant de moins de 3 ans dans la limite des places disponibles.</p>
<br>
<p>Il est bien sûr possible de partager un duplex avec une famille de son choix. Veuillez lindiquer lors de linscription. Une zone de saisie sous la forme d'un commentaire est disponible à la fin du formulaire d'inscription.</p>
<br>
<p>Draps, couettes, oreillers et linge de toilette sont fournis par les Flocons verts.</p>
<br>
</div>
</section>
<section id="personne0">
</section>
<section class="commentaire">
<div class="input_box input_text input_box_bleu">
<label class="labeltextarea" for="commentaire_adherent">Un commentaire ou une information particulière <br> à nous transmettre ?</label>
<textarea class="textarea_commentaire" id="commentaire_adherent" name="commentaire_adherent"rows="8" cols="40"></textarea>
</div>
</section>
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
</button>
</form>
</article>
</main>
<!-- ---------------------------------- -->
<!-- FOOTER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/footer')%>
</body>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/stagenat/stagenational_formulaire_personne.js"></script>
</html>

View File

@@ -0,0 +1,124 @@
<%- include('../../template_parts/head')%>
<body>
<!-- ---------------------------------- -->
<!-- HEADER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/header_tunnel')%>
<!-- ---------------------------------- -->
<!-- FORMULAIRE de vérification du mail -->
<!-- ---------------------------------- -->
<main>
<article>
<!-- TITRE DE LA PAGE -->
<%- include('../template_parts/stagenational_titrepage')%>
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
<% if (locals.err_mail_form_adhesion_1) { %>
<div class="erreur">
<p><%- err_mail_form_adhesion_1 %></p>
<p><%- err_mail_form_adhesion_2 %></p>
<p><%- err_mail_form_adhesion_3 %></p>
</div>
<% }; %>
<!-- lE formuaire -->
<%- include('../template_parts/check_identifiant')%>
<!-- ------------------------- -->
<!-- Explication aux visiteurs -->
<!-- ------------------------- -->
<section class="savoirplus_accueil">
<div id="savoirplus_button" class="savoirplus_button">
<p>En savoir plus sur ce formulaire</p>
</div>
<div id="savoirplus_content" class="savoirplus_content hidden">
<p>Cette page va vous permettre de vous inscrire au stage national organisé par l'Association Française pour la Pédagogie Suzuki.</p>
<br>
<p>Le stage est ouvert à tous les enfants étudiant le violon, le violoncelle, le piano, avec la pédagogie Suzuki tous niveaux, et l'alto, cahier 1 à 4.</p>
<br>
<p>Le stage permet aux enfants de jouer de leur instrument avec plaisir, dans un cadre joyeux et familial. C'est le moment de réviser et d'aller à la découverte d'autres professeurs, et de nouveaux ateliers. Voilà une superbe occasion de retrouver la musique, la motivation et ses amis, après les vacances dété.</p>
<br>
<p><span class="gras rouge">Du dimanche 20 au vendredi 25 août 2023</span></p>
<br>
<p>Début : 20 août 2023, accueil entre 14h et 16h. Réunion d'informations à 16h30.
<br>Fin : 25 août 2023, concert de fin de stage entre 11h et 12h30. Départ du car pour Lyon à 14h.</p>
<br>
<p><span class="gras rouge">Lieu : </span>Les Flocons verts, 123 route des servages, 74300 Carroz dArâches</p>
<br>
<p><span class="gras rouge">BROCHURE : </span><a target="_blank" href="https://www.afpedagogiesuzuki.fr/wp-content/uploads/2023_Brochure.pdf"><span class="souligne">Cliquez ici pour accéder à la brochure</span></a></p>
<br>
<p><span class="gras rouge">TARIFS : </span><a target="_blank" href="https://www.afpedagogiesuzuki.fr/wp-content/uploads/2023_Tarifs.pdf"><span class="souligne">Cliquez ici pour accéder aux tarifs</span></a></p>
<br>
<p>Etre adhérent (et posséder un identifiant) à une association de la pédagogie Suzuki est obligatoire pour toute famille ou personne qui souhaite participer au stage.</p>
<br>
<p><span class="gras">VOICI LES 3 ÉTAPES :</span></p>
<ol>
<li>vous allez remplir le formulaire dadhésion très précisément => les informations vont s'enregistrer dans la base de données de l'Association,</li>
<li>payer votre adhésion,</li>
<li>vous recevrez un courriel avec le statut de votre adhésion, votre carte d'adhérent et le cas échéant un justificatif de don.</li>
</ol>
<br>
<p><span class="gras">POUR QUI ? :</span></span></p>
<ul>
<li>un adulte qui inscrit ses enfants pour que son professeur lui enseigne la musique en suivant cette pédagogie (vous devez déjà être en relation avec un de nos professeurs, qui vous aura informés. Ladhésion à lAssociation na pas de rapport avec le prix des cours en eux-mêmes),</li>
<li>un professeur qui s'inscrit pour donner des cours avec la pédagogie Suzuki,</li>
<li>un professeur qui veut apprendre la pédagogie Suzuki pour lenseigner,</li>
<li>un professeur qui sinscrit aura loccasion dans son formulaire dinscrire ses enfants pour quils apprennent la musique avec la pédagogie Suzuki,</li>
<li>toute personne qui voudra suivre les stages ou les évènements organisés par l'Association devra adhérer.</li>
</ul>
<br>
<p><span class="gras">Sélection des professeurs qui enseignent la pédagogie :</span></span></p>
<ul>
<li>Lors de linscription, si le professeur qui va enseigner la pédagogie Suzuki à votre enfant nest pas présent dans le menu déroulant que vous trouverez dans le formulaire, vous pourrez faire le choix « professeur non inscrit ».</li>
</ul>
<br>
<p><span class="gras">PAIEMENT DE VOTRE ADHÉSION :</span></span></p>
<ul>
<li>nous vous recommandons le paiement par carte bancaire pour obtenir votre carte d'adhérent immédiatement,</li>
<li>vous pouvez choisir le paiement par chèque ou virement, dans ce cas votre carte d'adhérent définitive sera envoyée après réception de votre paiement.</li>
</ul>
<br>
<p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
<p>Les informations recueillies dans le formulaire seront conservées par l'Association.</p>
<p>L'association ne transmettra jamais les informations à une autre personne ou organisme.</p>
<p>Contacter l'Association pour toutes questions sur vos données : mise à jour, suppression.</p>
<br>
<p><span class="gras">COOKIE</span></span></p>
<p>Ce site utilise 1 cookie qui servira pour garder votre session ouverte sur votre navigateur le temps de remplir le formulaire et de passer par la page paiement et la page finale.</p>
<p>Ce cookie servira uniquement à des fins de navigation durant la même session, et ne sera en aucune manière transmis à un organisme tiers. Le cookie de session est automatiquement détruit par le navigateur lors de la fermeture de la page.</p>
<p>Si vous n'acceptez pas ce cookie vous ne pourrez pas vous inscrire via ce formulaire car le processus ne fonctionnera pas. Vous pouvez dans ce cas simplement fermer la page et il partira.</p>
</div>
</section>
</article>
</main>
<!-- ---------------------------------- -->
<!-- FOOTER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/footer')%>
</body>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/hidden_visible.js"></script>
</html>

View File

@@ -0,0 +1,149 @@
<%- 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 aller recevoir un mail de confirmation d'inscription au stage.</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 %></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+"_categorie"] %></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+"_campado_cout"]) { %>
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</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>

View File

@@ -0,0 +1,61 @@
<%- 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>Echec du paiement</h1>
<div class="">
<div>
<p>La paiement de l'accompte avec la carte bancaire a échoué</p>
<p>Veuillez contacter l'association Française pour la pédagogie Suzuki pour payer par un autre moyen</p>
</div>
</div>
</section>
<form action="post_recap_modifier" method="post" class="">
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">RECOMMENCER</span>
</button>
</form>
</article>
</main>
<!-- ---------------------------------- -->
<!-- FOOTER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/footer')%>
</body>
<!-- JAVASCRIPT d'EXECUTION -->
</html>

View File

@@ -0,0 +1,150 @@
<%- 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>Paiement réussi</h1>
<div class="">
<div>
<p>La paiement de l'accompte 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 %></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+"_categorie"] %></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+"_campado_cout"]) { %>
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</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>

View File

@@ -0,0 +1,196 @@
<%- 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 %></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+"_categorie"] %></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+"_campado_cout"]) { %>
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</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 à payer à 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>
<% } %>
<% if (locals["cout_total_percussion_surplace"]) { %>
<p>Coût activité percussions adulte à payer sur place : <span class='identifiant'><%= cout_total_percussion_surplace %>€</span></p>
<% } %>
<br>
<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, vous recevrez un mail de confirmation d'inscription.</p>
</section>
<section class="buttons">
<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>
<form action="post_payer_accompte" method="post" class="">
<button type="submit" class="button_icone button_icone_recap bg_green">
<span class="btn_icone">+</span><span class="btn_texte">PAYER ACOMPTE</span>
</button>
</form>
</section>
<!-- ------------------------- -->
<!-- Explication aux visiteurs -->
<!-- ------------------------- -->
<section class="savoirplus_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 100€ par élève est demandé lors de linscription en ligne. Ces frais ne sont pas remboursables sauf si l'AFPS annule le séjour.</p>
<br>
<p>Pour payer le solde, veuillez attendre votre facture et la vérifier.</p>
<br>
<p>La totalité du séjour doit être versée avant le 15 août 2022.</p>
<br>
<p><span class="gras">modes de paiement :</span></p>
<br>
<ol>
<li>Par virement bancaire en 1 à 3 fois (juin, juillet, août au plus tard)</li>
<li>En 1 à 3 chèques à lordre de lAFPS (encaissement au plus tard: juin,juillet, août)</li>
<li>En chèques vacances ANCV : à lordre de Ternélia, les flocons verts</li>
</ol>
<br>
<p>Date limite pour lenvoi des chèques ou ANCV : 30 juin 2023.</p>
<p>Adresse : Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
<p>Pour nous permettre dassocier linscription en ligne et paiement, merci de renseigner le nom de lenfant inscrit au dos des chèques, ou en commentaire associé à votre virement.</p>
<p><span class="gras">Références bancaires de l'AFPS : :</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>

View File

@@ -0,0 +1,196 @@
<%- 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 %></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+"_categorie"] %></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+"_campado_cout"]) { %>
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</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 à payer à 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>
<% } %>
<% if (locals["cout_total_percussion_surplace"]) { %>
<p>Coût activité percussions adulte à payer sur place : <span class='identifiant'><%= cout_total_percussion_surplace %>€</span></p>
<% } %>
<br>
</section>
<section class="buttons">
<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>
<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>
</section>
<!-- ------------------------- -->
<!-- Explication aux visiteurs -->
<!-- ------------------------- -->
<section class="savoirplus_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 100€ par élève est demandé lors de linscription en ligne. Ces frais ne sont pas remboursables sauf si l'AFPS annule le séjour.</p>
<br>
<p>Pour payer le solde, veuillez attendre votre facture et la vérifier.</p>
<br>
<p>La totalité du séjour doit être versée avant le 15 août 2022.</p>
<br>
<p><span class="gras">modes de paiement :</span></p>
<br>
<ol>
<li>Par virement bancaire en 1 à 3 fois (juin, juillet, août au plus tard)</li>
<li>En 1 à 3 chèques à lordre de lAFPS (encaissement au plus tard: juin,juillet, août)</li>
<li>En chèques vacances ANCV : à lordre de Ternélia, les flocons verts</li>
</ol>
<br>
<p>Date limite pour lenvoi des chèques ou ANCV : 30 juin 2023.</p>
<p>Adresse : Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
<p>Pour nous permettre dassocier linscription en ligne et paiement, merci de renseigner le nom de lenfant inscrit au dos des chèques, ou en commentaire associé à votre virement.</p>
<p><span class="gras">Références bancaires de l'AFPS : :</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>

View File

@@ -0,0 +1,65 @@
<!-- ---------------------------------- -->
<!-- FORMULAIRE de vérification de l'identifiant -->
<!-- ---------------------------------- -->
<form action="" method="post" class="form_check_mail">
<div class="input_box input_email input_identifiant">
<label for="identifiant">IDENTIFIANT adhérent</label>
<input class="inputbox_identifiant" type="text" name="identifiant" id="identifiant" placeholder="Identifiant SUZUKI" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>">
</div>
<div class="input_checkbox">
<div class="input_checkbox">
<input type="checkbox" name="check_autrepays" id="check_autrepays">
<label for="check_autrepays">Je suis adhérent à une Association Suzuki dans un <span class="gras">autre pays</span> que la France <span onclick="document.querySelector('#savoirplus_pays').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
</div>
<div class="input_checkbox">
<input type="checkbox" name="check_nonadherent" id="check_nonadherent">
<label for="check_nonadherent">Je ne suis pas adhérent à la Pédagogie Suzuki</label>
</div>
<section class="savoirplus_stage">
<div id="savoirplus_pays" class="savoirplus_content displaynone">
<span onclick="document.querySelector('#savoirplus_pays').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
<p>AUTRE PAYS</p>
<br>
<p>Si vous n'avez pas d'identifiant : </p>
<p>saisissez votre mail.</p>
<br>
</div>
</section>
</div>
<section class="savoirplus_stage">
<div id="savoirplus_pays" class="savoirplus_content displaynone">
<span onclick="document.querySelector('#savoirplus_pays').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
<p>Informations sur le car.</p>
<br>
<p>Aller/Retour Lyon ⇔ Carroz dArâches</p>
<p>Départ 20 août, 11h pour l'arrêt du 7 quai Lassagne, Lyon 1er</p>
<p>ou 11h30 pour l'arrêt Gare de la Part Dieu, sortie Porte des Alpes</p>
<br>
<p>RETOUR 25 août, 14h - Arrivée à Gare de la Part Dieu vers 17h</p>
<p>Il est possible de prévoir un train en partance de Lyon à partir de 18h.</p>
</div>
</section>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">S'INSCRIRE</span>
</button>
</form>
<!-- -->

View File

@@ -0,0 +1,7 @@
<!-- //////////////////////////// -->
<!-- HEADER POUR LE STAGE NATIONAL-->
<!-- //////////////////////////// -->
<section class="titre">
<h1>STAGE NATIONAL DU 20 AU 25 AOÛT 2023</h1>
<p><span class="soft">INSCRIPTION</span></p>
</section>