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

{#Titre de la page#}
{% block title %}Créer un nouveau compte viewer{% endblock %}

{#Corps de la page#}
{% block body %}
<center>
    {#Contenur Principal#}
    <div class="card shadow mb-4 col-md-6">
        <div class="card-header py-3">
            {#Element Titre du conteneur#}
            <h6 class="m-0 font-weight-bold text-primary">Créer un nouveau compte viewer</h6>
        </div>
        {#Corps de la card#}
        <div class="card-body">
            <h1>Nouveau compte viewer</h1>
            {#Infos avec quel clinique le compte sera associé#}
            Ce compte va appartenir à {{ nomClinique }}<br><br>

            {#Affichage des erreurs si il y en a#}
            {{ form_errors(creerCompteForm) }}

            {#Debut Formulaire#}
            {{ form_start(creerCompteForm) }}
            {#Feuille de 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 Mail du formulaire#}
                <div class="col-md-6">
                    {{ form_label(creerCompteForm.email, "Mail du nouveau compte") }}<br>
                    {{ form_widget(creerCompteForm.email) }}
                </div>
            </div>

            {#Affichage des erreurs du nom de l'user#}
            {{ form_errors(creerCompteForm.username) }}
            {#Affichage des erreur du mot de passe#}
            {{ form_errors(creerCompteForm.plainPassword) }}
            

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