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

{% if page == 'add' %} {% set action = 'Ajouter' %} {% endif %}
{% if page == 'edit' %} {% set action = 'Editer' %} {% endif %}

{% block title %}
    {{ action }} un utilisateur
{% endblock %}

{% block body %}

    <h2>{{ action }} un utilisateur</h2>

    <div id="secondary-nav">
        <nav>
            <a class="button" href="{{ path('app_admin_users') }}"><span class="fas fa-chevron-left"></span> Annuler</a>
            <div>
                <a style="width:auto; margin-left:10px;" class="button" href="#" onclick="event.preventDefault(); $('form[name=add_user]').submit();"><span class="fas fa-check"></span> {{ action }} cet utilisateur</a>
            </div>
        </nav>
    </div>

    {{ form_start(form, {'attr' : {'class':'form'}}) }}

        <div class="form-steps">
            <div class="form-step common form-step-current">
                <fieldset style="width:100%">
                    <fieldset style="width:33%; padding:0">

                        {{ form_label(form.civility)}}<br/>
                        {{ form_widget(form.civility)}}<br/>

                        {{ form_label(form.firstName)}}<br/>
                        {{ form_widget(form.firstName)}}<br/>

                        {{ form_label(form.lastName)}}<br/>
                        {{ form_widget(form.lastName)}}<br/>

                        {{ form_label(form.email)}}<br/>
                        {{ form_widget(form.email)}}<br/>

                        {{ form_label(form.plainPassword)}}<br/>
                        {{ form_widget(form.plainPassword)}}<br/>

                        {{ form_label(form.userFunction)}}<br/>
                        {{ form_widget(form.userFunction)}}<br/>

                        {{ form_label(form.phoneNumber)}}<br/>
                        {{ form_widget(form.phoneNumber)}}<br/>

                        {{ form_label(form.isActive)}}<br/>
                        {{ form_widget(form.isActive)}}<br/>

                        {{ form_label(form.roles)}}<br/>
                        {{ form_widget(form.roles)}}<br/>

                        {{ form_widget(form.isEmailRecipient)}} {{ form_label(form.isEmailRecipient)}}<br/><br/>

                        {{ form_widget(form.is_teamleader)}} {{ form_label(form.is_teamleader)}}<br/>

                        <div id="js-is-teamleader">

                            {{ form_label(form.teamUsers)}}<br/>
                            {{ form_widget(form.teamUsers)}}<br/>

                        </div>

                    </fieldset>
                </fieldset>
            </div>
        </div>

    {{ form_end(form)}}

    <script>

        let options = [];

        {% for user in users %}

            options.push({id:'{{ user.id }}', firstName:'{{ user.firstName }}', lastName:'{{ user.lastName }}'});

        {% endfor %}

    </script>
   
    <script type="module" src="{{ asset('assets/js/Admin.js') }}"></script>

{% endblock %}