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

<body>

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

    <main>

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

        <!-- ---------------------------------- -->
        <!-- FORMULAIRE -->
        <!-- ---------------------------------- -->
        <article class="stage_formulaire_cont form_adhesion">
    
            <form id="form_inscription_famille" action="" method="post" class="stage_formulaire">

                <!-- ---------------------------------- -->
                <!-- ADHÉRENT -->
                <!-- ---------------------------------- -->
                <section>
                    <h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">VOTRE COMPTE ADHÉRENT</h1>

                    <div class="grid_2inputs">
                        <div>
                            <p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
                        </div>
                    </div>

                    <div class=" displaynone">
                        <div class="input_box input_text input_box_gris">
                            <label for="ajout_billet">Mode ajout billet</label>
                            <input type="text" name="ajout_billet" id="ajout_billet" value='oui' title="" required>
                        </div>
                    </div>
                    
                </section>

                <!-- ---------------------------------- -->
                <!-- EXPLICATIONS -->
                <!-- ---------------------------------- -->
                <section>

                    <h1 class="titre_personne"><span class="rouge">VOUS ÉTES DÉJA INSCRIT AU CONCERT : </span></h1>
                    <div class="description">
                        <p>Vous pouvez ajouter des places (dans la limite des places disponibles)</p>
                        <p>- Spectateurs</p>
                        <p>- Parents encadrants</p>
                        <p>- Professeurs encadrants</p>
                    </div>
                    
                </section>

                <div class="space40"></div>

                <!-- ---------------------------------- -->
                <!-- SPECTATEUR -->
                <!-- ---------------------------------- -->
                    <section>
                        <div class="place_categorie">
                            <div class="sous_titre">
                                <div><img class='icone_titre' src="/public/images/icones/spectator.webp" alt="icone information à cliquer" /></div>
                                <div><p>SPECTATEURS</p></div>
                            </div>
                        </div>
    
                        <!-- COMBIEN DE SPECTATEURS ? 3 MAX -->
                        
                        <div id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='<%= process.env.remiseenvente_spect %>'></div>
                    </section>
    
                    <div class="space40"></div>
                

                <!-- ---------------------------------- -->
                <!-- ENCADRANT -->
                <!-- ---------------------------------- -->
                <section>
                    <div class="place_categorie">
                        <div class="sous_titre">
                            <div><img class='icone_titre' src="/public/images/icones/encadrant.webp" alt="icone information à cliquer" /></div>
                            <div><p>ENCADRANT</p></div>
                        </div>
                    </div>

                    <!-- Voulez-vous ajouter un encadrant ? -->
                    <div class="input_checkbox">
                        <input type="checkbox" name="check_encadrant0" id="check_encadrant0" onchange="ajout_encadrant(0,<%= encadr_parent_nb_restantes %>)">
                        <label class="gras" for="check_encadrant0">Souhaitez-vous être encadrant pour cet événement ?</label>
                        </div>
                </section>

                <!-- SAISIE POUR UN ENCADRANT -->
                <section id="encadrant0" data-encadr_parent_nb_restantes='<%= encadr_parent_nb_restantes %>'>
                </section>


                <button type="submit" class="button_icone alignself_center">
                    <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/adhesion/hidden_visible.js"></script>
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
  
</html>