<%- 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/concert_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>
      <% }; %>

      

      <!-- ---------------------------------- -->
      <!-- FORMULAIRE de vérification de l'identifiant -->
      <!-- ---------------------------------- -->

      <form id="form_identifier" 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="">
        </div>

        <div class="input_checkbox">
          <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>
        </div>
        

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

    <!-- ------------------------- -->
    <!-- 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">

        <div>
          <p>Cette page va vous permettre d'acheter des places "spectateur" restantes au Concert national Unesco 2024 organisé par l’Association Française pour la Pédagogie Suzuki qui aura lieu les 20 et 21 avril 2024.</p>
          <br>

          <p><span class="gras rouge">LA JAUGE<br></span>
            <span class="bg_rouge_tres_clair">Nous devons respecter une jauge très stricte :</span> Chaque personne, y compris les très jeunes enfants <span class="bg_rouge_tres_clair">et</span> les bébés, seront <span class="bg_rouge_tres_clair">comptés comme spectateurs</span> et devront avoir un siège, même s'ils passent le concert sur les genoux de leurs parents.
          </p>
          <br>
          <p><span class="gras rouge">DURÉE DU CONCERT<br></span>
            La durée totale du concert sera de <span class="bg_rouge_tres_clair">2h30</span>, comprenant un premier entracte de 15 minutes, et un second entracte de 10 minutes. Pour le bien-être des spectateurs, des parents et des plus jeunes enfants, il serait préférable que <span class="bg_rouge_tres_clair">les tout-petits n'assistent pas au concert</span>.
          </p>
          <br>
          <p><span class="gras rouge">ACHAT DES PLACES<br></span>
            La mise en vente des billets spectateurs restants ouvrira le <span class="bg_rouge_tres_clair">mercredi 31 janvier à 22h</span>.
            <br>
            Il n'y a pas d'ordre de priorité, <span class="bg_rouge_tres_clair">premiers arrivés, premiers servis</span>.
            <br>
            Vous pouvez acheter, de nouveau, entre 1 et 3 billets.
            <br>
            Pour éviter les problèmes avec la plateforme, <span class="bg_rouge_tres_clair">NE PAS revenir en arrière après avoir validé votre commande</span>.
          </p>
          <br>
          <p><span class="gras rouge">DATE LIMITE<br></span>
            Il ne sera plus possible d'acheter des places après <span class="bg_rouge_tres_clair">le 31 mars 2024</span>.
          </p>
          <br>
          <hr>
          <br>
          <p><span class="gras rouge">Tarifs : </span>spectateur : 20€ (le tarif tient commte des frais de carte bancaire).</p>
          <br>
          <p><span class="gras rouge">Mode de paiement : </span>Carte bancaire via une plateforme bancaire sécurisée.</p>
          <br>
          <p><span class="gras rouge">Contact : </span>afps.inscription@gmail.com</p>
          <br>
          
          
          <p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
          <p>Les informations recueillies dans les formulaires, qu'elles soient de la base de données gérée par l'Association ou celle gérée par le billetterie Weezevent, 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>
        
        <!-- ---------------------------------- -->
        <!-- AFFICHAGE NOMBRE DE PLACES RESTANTES -->
        <!-- ---------------------------------- -->
        <div class="space30"></div>
        <div class="displaynone">
          <p><span class="gras rouge">Nombre de places restantes par catégorie :</span></p>
          <p>- spectateur : <span class='resultat_text rouge'><%- locals?.spectateur_nb_restantes %></span> /<%= process.env.spectateur_nb_places %></p>
          <p>- encadrant parent : <span class='resultat_text rouge'><%- locals?.encadr_parent_nb_restantes %></span> /<%= process.env.encadr_parent_nb_places %></p>
          <p>- concertiste piano : <span class='resultat_text rouge'><%- locals?.piano_nb_restantes %></span> /<%= process.env.piano_nb_places %></p>
          <p>- concertiste alto : <span class='resultat_text rouge'><%- locals?.alto_nb_restantes %></span> /<%= process.env.alto_nb_places %></p>
          <p>- concertiste flûte : <span class='resultat_text rouge'><%- locals?.flute_nb_restantes %></span> /<%= process.env.flute_nb_places %></p>
          <p>- concertiste trompette : <span class='resultat_text rouge'><%- locals?.trompette_nb_restantes %></span> /<%= process.env.trompette_nb_places %></p>
          <p>- concertiste harpe : <span class='resultat_text rouge'><%- locals?.harpe_nb_restantes %></span> /<%= process.env.harpe_nb_places %></p>
          <p>- concertiste violon niveau 1 : <span class='resultat_text rouge'><%- locals?.violon1_nb_restantes %></span> /<%= process.env.violon1_nb_places %></p>
          <p>- concertiste violon niveau 2 : <span class='resultat_text rouge'><%- locals?.violon2_nb_restantes %></span> /<%= process.env.violon2_nb_places %></p>
          <p>- concertiste violoncelle niveau 1 : <span class='resultat_text rouge'><%- locals?.violoncelle1_nb_restantes %></span> /<%= process.env.violoncelle1_nb_places %></p>
          <p>- concertiste violoncelle niveau 2 : <span class='resultat_text rouge'><%- locals?.violoncelle2_nb_restantes %></span> /<%= process.env.violoncelle2_nb_places %></p>
        </div>
      </div>


    </section>



    </article>

  </main>



  <!-- ---------------------------------- -->
  <!-- FOOTER -->
  <!-- ---------------------------------- -->
  <%- include('../../template_parts/footer')%>

</body>

<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/hidden_visible.js"></script>
<script src="/public/js/localstore.js"></script>

</html>