{% extends "base.html.twig" %}
{% block title %} {{ parent() }} Inscription {% endblock %}
{% block script %} <script src="js/pro.js"></script> {% endblock %}
{% block contenu %}
    {% if form.valide is defined %}
        {% if form.valide == true %}
                <div class="mx-auto text-center">
                    <h3 class="h3 mb-3 font-weight-normal">Vous êtes inscrit !</h3>
                    <h3 class="h3 mb-3 font-weight-normal">Bienvenue {{ form.prenom }} {{ form.nom }}</h3>
                    <h3 class="h3 mb-3 font-weight-normal">Vous allez recevoir un mail afin de vous connecter, vérifiez vos Spams</h3>
                </div>

        {% else %}
            <div class="mx-auto text-center">
                    <h3>Echec de l'inscription</h3>
                    <div class="alert alert-danger" role="alert">
                        {{ form.message }}
                    </div>
                    <h3><a href="index.php?page=inscription">Retourner sur la page d'inscription</a></h3>
            </div>
        {% endif %}
    {% else %}



        <div class="container">
            <h1>Compte utilisateur</h1>
            <form class="form-signin" action="index.php?page=inscription" method="post" enctype="multipart/form-data">

                <div class="form-group">
                    <label for="Civilite">Civilité</label>
                    <select class="form-control form-control-sm" id="Civilite" name="Civilite">
                        <option value="M.">M.</option>
                        <option value="Mme">Mme</option>
                        <option value="Melle">Melle</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="Prenom">Prénom*</label>
                    <input type="text" name="Prenom" id="Prenom" class="form-control" required>
                </div>

                <div class="form-group">
                    <label for="Nom">Nom*</label>
                    <input type="text" name="Nom" id="Nom" class="form-control" required>
                </div>

                <div class="form-group">
                    <label for="Pseudo">Pseudo*</label>
                    <input type="text" name="Pseudo" id="Pseudo" class="form-control" required>
                </div>

                <div class="form-group form-check">
                    <input type="checkbox" class="form-check-input" name="Pro" id="Pro">
                    <label class="form-check-label" for="Pro">Je suis un professionnel</label>
                </div>

                <div class="form-group d-none" id="Societe">
                    <label for="Societe">Société*</label>
                    <input type="text" name="Societe" id="Societe" class="form-control">
                </div>

                <div class="form-group d-none" id="Registre">
                    <label for="Registre">Registre*</label>
                    <input type="text" name="Registre" id="Registre" class="form-control">
                </div>

                <div class="form-group">
                    <label for="Adresse">Adresse</label>
                    <input type="text" name="Adresse" id="Adresse" class="form-control">
                </div>

                <div class="form-group">
                    <label for="Quartier">Quartier</label>
                    <input type="text" name="Quartier" id="Quartier" class="form-control">
                </div>

                <div class="form-group">
                    <label for="Ville">Ville*</label>
                    <input type="text" name="Ville" id="Ville" class="form-control" required>
                </div>

                <div class="form-group">
                    <label for="Pays">Pays*</label>
                    <select class="form-control" id="Pays" name="Pays">
                        {% for pays in listePays %}
                            <option value="{{ pays.idPays }}">
                                {{ pays.Pays }}
                            </option>
                        {% endfor %}
                    </select>
                </div>

                <div class="form-group">
                    <label for="Region">Region*</label>
                    <select class="form-control" id="Region" name="Region">
                        {% for region in listeRegions %}
                            <option value="{{ region.idRegion }}">
                                {{ region.NomRegion }}
                            </option>
                        {% endfor %}
                    </select>
                </div>


                <div class="form-group">
                    <label for="Telephone">Téléphone</label>
                    <input type="number" name="Telephone" id="Telephone" class="form-control">
                </div>

                <div class="form-group">
                    <label for="Email">Email*</label>
                    <input type="email" name="Email" id="Email" class="form-control" placeholder="Votre adresse mail@"
                           required>
                </div>

                <div class="form-group">
                    <label for="ConfirmEmail">Vérification Email*</label>
                    <input type="email" name="ConfirmEmail" id="ConfirmEmail" class="form-control"
                           placeholder="Répéter votre adresse mail@" required>
                </div>


                <button type="submit" class="btn btn-success btn-block container col-lg-2" id="btInscription"
                        name="btInscription">Valider
                </button>
                <br/>
            </form>
        </div>

    {% endif %}
{% endblock %}