{#Integration du fichier base.html.twig#}
{% extends 'base.html.twig' %}

{#Titre de la page#}
{% block title %}Enregistrer un compte{% endblock %}

{#Corps de la page#}
{% block body %}
<center>
    <div class="card shadow mb-4 col-md-6">{#Conteneur Principale#}
        <div class="card-header py-3">
            {#Element titre du conteneur#}
            <h6 class="m-0 font-weight-bold text-primary">Enregistrer un compte</h6>
        </div>
        <div class="card-body">

            <h1>Nouveau compte</h1>
            {#Affichage Clinique qui sera associé au compte#}
            ce compte va appartenir a {{ nomClinique }}<br><br>

            {#Recuperation des erreur du formulaire si il y en a#}
            {{ form_errors(creerCompteForm) }}
            {#Debut du formulaire#}
            {{ form_start(creerCompteForm) }}
            {#Style bootstrap#}
            {% form_theme creerCompteForm 'bootstrap_4_layout.html.twig' %}
            <div style="line-height: 80%">
                {#Champ Nom Utilisateur du formulaire#}
                <div class="col-md-6">
                    {{ form_label(creerCompteForm.username, "Nom d'utilisateur") }}<br>
                    {{ form_widget(creerCompteForm.username) }}
                </div>
                <br>
                {#Champ Mot de Passe du formulaire#}
                <div class="col-md-6">
                    {{ form_label(creerCompteForm.plainPassword, "Mot de passe") }}<br>
                    {{ form_widget(creerCompteForm.plainPassword) }}
                </div>
                <br>
                {#Champ Email du formulaire#}
                <div class="col-md-6">
                    {{ form_label(creerCompteForm.email, "Mail") }}<br>
                    {{ form_widget(creerCompteForm.email) }}
                </div>
                <br>
                {#Champ Role du formulaire#}
                <div class="col-md-6">
                    {{ form_label(creerCompteForm.role, "Rôle") }}<br>
                    {{ form_widget(creerCompteForm.role) }}
                </div>
            </div>
            {#Affichage des erreur avec le nom de l'utilisateur#}
            {{ form_errors(creerCompteForm.username) }}
            {#Affichage des erreur avec le mot de passe#}
            {{ form_errors(creerCompteForm.plainPassword) }}
            

            <br>
            {#Bouton envoi du formulaire #}
            <button type="submit" class="btn btn-primary">Créer un compte</button>
            {#Fermeture du formulaire#}
            {{ form_end(creerCompteForm) }}
        </div>
    </div>
</center>
{% endblock %}