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

{% block title %}Ajouter un nouvel utilisateur{% endblock %}


  {% block body %}
    <div class="content-page">
        <div class="content">
            <!-- Start Content-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">               
                            <h1>Ajouter un nouvel utilisateur</h1>
                                {{ form_start(form) }}
                                {% if not form.vars.valid %}
                                    <ul>
                                        {% for child in form.children %}
                                            {% for error in child.vars.errors %}
                                                <li>{{ error.message }}</li>
                                            {% endfor %}
                                        {% endfor %}
                                    </ul>
                                {% endif %}

                                <div class="mb-3">
                                {{ form_label(form.email, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.email, {'attr': {'class': 'form-control'}}) }}
                                </div>

                                <div class="mb-3">
                                {{ form_label(form.password, null, {'label_attr': {'class': 'form-label'}}) }}
                                 {{ form_widget(form.password, {'attr': {'class': 'form-control'}}) }}
                                </div>

                                <div class="mb-3">
                                {{ form_label(form.nom, null, {'label_attr': {'class': 'form-label'}}) }}
                                 {{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}
                                </div>

                                <div class="mb-3">
                                {{ form_label(form.prenom, null, {'label_attr': {'class': 'form-label'}}) }}
                                 {{ form_widget(form.prenom, {'attr': {'class': 'form-control'}}) }}
                                </div>

                                

                                <div class="mb-3">
                                {{ form_label(form.entreprise, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.entreprise, {'attr': {'class': 'form-select'}}) }}
                                </div>

                                <div class="mb-3">
                                {{ form_label(form.sombre, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.sombre, {'attr': {'class': 'form-check-input', 'id': 'interimaire'}}) }}
                                </div>

                                <div class="mb-3">
                                {{ form_label(form.actif, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.actif, {'attr': {'class': 'form-check-input', 'id': 'customCheck3'}}) }}
                                </div>

                               <div class="mt-2">
                               Rôle</br>
                                   {% for role in form.roles %}
                                    <div class="form-check form-check-inline">
                                        {{ form_label(role, null, {'label_attr': {'class': 'form-check-label'}}) }}
                                        {{ form_widget(role, {'attr': {'class': 'form-check-input', 'id': 'role-' ~ role.vars.name}}) }}
                                    </div>
                                    {% endfor %}
                                </div>

                                <div class="col-12 text-center"> 
                                    <button type="submit">Ajouter</button>
                                     {{ form_end(form) }}
                          <button class="retour-custom" onclick="retourPage(event);">
                <i class="ri-reply-line font-14"></i> Retour
            </button>
        </div>    
    </div>    
</div>   
</div>
</div>
</div> 
</div>          
{% endblock %}

{% block javascripts %}
 {{parent()}}
{% endblock %}