{% extends 'base.html.twig' %}

{% block title %} Candidat créé ! {% endblock %}

{% block stylesheets %}
    <style>
        #header {
            top: 0px;
        }
        main{
            margin-top: 7%;
        }
        .formulaire{
            background-color: #0082C3;
            color: white;
            border-radius: 5px;
        }
        ul {
            padding: 0;
            list-style-type: none;
        }
        li{
            color: red;
        }
        .styleSpinner{
            height: 250px;
            width: 250px;
            text-align: center;
            background:none;
        }
    </style>
{% endblock %}

{% block hero %}

{% endblock %}

{% block body %}

    <div class="row">
        <div class="col-lg-6 mx-auto mb-4 formulaire">
            <div class="mt-3 styleBarreTitle col-lg-4 mx-auto">
                Inscription Candidat <br>
                <div class="spinner-grow text-warning styleSpinner" id="spinnerAppli" role="status">
                    Traitement en Cours...
                    <img src="{{ asset('assets/img/decathlon.png') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="mb-3">
                {{ form_start(form) }}
                    <div class="form-group mt-1">
                            {{ form_row(form.prenom) }}
                        <span id="spanPrenom" class="spanValidation"></span>
                    </div>
                    <div class="form-group mt-1">
                        {{ form_row(form.nom) }}
                        <span id="spanNom" class="spanValidation"></span>
                    </div>
                    <div class="form-group mt-1">
                        {{ form_row(form.email) }}
                        <span id="spanEmail" class="spanValidation"></span>
                    </div>
                    <div class="form-group mt-1">
                        {{ form_row(form.password) }}
                        <span id="spanPassword" class="spanValidation"></span>
                    </div>
                    <div class="form-group mt-2">
                            <button type="submit" class="btn btn-validation" onclick="verifierFormulaireInscription()">Valider</button>
                    </div>
                {{ form_end(form) }}
            </div>
        </div>
    </div>

{% endblock %}