<%- include('../../template_parts/head')%>

<body>

    <!-- ---------------------------------- -->
    <!-- HEADER -->
    <!-- ---------------------------------- -->
    <%- include('../../template_parts/header_tunnel')%>

    <main>

        <!-- ---------------------------------- -->
        <!-- TITRE DE LA PAGE -->
        <!-- ---------------------------------- -->
        <%- include('../template_parts/concert_titrepage')%>

        <!-- ---------------------------------- -->
        <!-- RÉCAP -->
        <!-- ---------------------------------- -->
        <article class="stage_formulaire_cont form_adhesion">

            <section>
                <h1 class="titre_personne"><span class="rouge">PAIEMENT</span></h1>
            </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>
                        <% if (association_suzuki) { %>
                            <p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
                        <% } %>
                    </div>
                </div>            
            </section>
            
            <hr>

            <section>
                <h1 class="titre_personne"><span class="rouge">Nombre de billets alloués : </span></h1>
            </section>

            <table>
                <% if (locals["commande_nbr_places_concertiste"] > 0) { %>
                  <tr>
                    <td>Concertiste</td>
                    <td class="resultat_text rouge align_right"><%= locals["commande_nbr_places_concertiste"] %></td>
                  </tr>
                <% }; %>
                <% if (locals["spectateur_nb_place"] > 0) { %>
                  <tr>
                    <td>Spectateur</td>
                    <td class="resultat_text rouge align_right"><%= locals["spectateur_nb_place"] %></td>
                  </tr>
                <% }; %>
                <% if (locals["commande_nbr_places_encadrant_parent"] > 0) { %>
                  <tr>
                    <td>Encadrant parent</td>
                    <td class="resultat_text rouge align_right"><%= locals["commande_nbr_places_encadrant_parent"] %></td>
                  </tr>
                <% }; %>
                <% if (locals["commande_nbr_places_encadrant_prof"] > 0) { %>
                  <tr>
                    <td>Encadrant professeur</td>
                    <td class="resultat_text rouge align_right"><%= locals["commande_nbr_places_encadrant_prof"] %></td>
                  </tr>
                <% }; %>
            </table>


            <hr>
            <section>
                <h1 class="titre_personne"><span class="rouge">Veuillez sélectionner les billets correspondants :</span></h1>
            </section>

            <!-- ---------------------------------- -->
            <!-- BILLETTERIE WEEZEVENT -->
            <!-- ---------------------------------- --> 
            <section>
                <%- weezevent_widget %>
            </section>
            


        </article>

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

            <section class="grid savoirplus_accueil">

                <div id="savoirplus_button" class="savoirplus_button">
                    <p>En savoir plus sur la procédure de paiement</p>
                </div>

                <div id="savoirplus_content" class="savoirplus_content hidden">
                    <p>Cette page vous permet de payer les billets par le biais de la plateforme Weezevent.</p>
                    <br>
                    <p>Nous vous demanderons de<mark> respecter la sélection de billets </mark>correspondante au nombre de spectateurs, concertistes et encadrants qui figure dans ce récapitulatif, sinon votre réservation devra être annulée.</p>
                    <br>
                    <p></p>
                    <br>
                    <p><span class="gras">Mode de paiement :</span></p>
                    <ul>
                        <li>Carte bancaire Visa et Mastercard</li>
                    </ul>
                    <br>
                    <p><span class="gras">Tarif :</span></p>
                    <ul>
                        <li>Spectateur : 22€ par spectateur</li>
                        <li>Concertiste : 21€ par concertiste</li>
                    </ul>
                </div>
            </section>

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

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