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

{% block title %}Administration > Utilisateurs > Éditer{% endblock %}

{% block content %}

    {{ form_errors(form) }}
    {{ form_start(form) }}

        <div class="field is-horizontal">
            <div class="field-label is-normal">
            {{ form_label(form.firstName, null, {'label_attr': {'class': 'label'}}) }}
            </div>
            <div class="field-body">
            {{ form_widget(form.firstName, {'attr': {'class': 'input'}}) }}
            </div>
        </div>
        
        <div class="field is-horizontal">
            <div class="field-label is-normal">
            {{ form_label(form.lastName, null, {'label_attr': {'class': 'label'}}) }}
            </div>
            <div class="field-body">
            {{ form_widget(form.lastName, {'attr': {'class': 'input'}}) }}
            </div>
        </div>
        
        <div class="field is-horizontal">
            <div class="field-label is-normal">
            {{ form_label(form.phone, null, {'label_attr': {'class': 'label'}}) }}         
            </div>  
            <div class="field-body">
                <div class="field is-expanded">
                    <p>{{ form_widget(form.phone, {'attr': {'class': 'input'}}) }}</p>
                    {# <span class="icon is-danger">{{ ux_icon('bi:exclamation-circle-fill') }}</span>  #}
                    {% if form_errors(form.phone) %}<small class="help is-danger">{{ form_errors(form.phone) }}</small>{% endif %}
                    <small class="help">{{ form_help(form.phone) }}</small>
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <div class="field-label is-normal">
            {{ form_label(form.email, null, {'label_attr': {'class': 'label'}}) }}         
            </div>  
            <div class="field-body">
                <div class="field is-expanded">
                    <p>{{ form_widget(form.email, {'attr': {'class': 'input'}}) }}</p>
                    {# <span class="icon is-danger">{{ ux_icon('bi:exclamation-circle-fill') }}</span>  #}
                    {% if form_errors(form.email) %}<small class="help is-danger">{{ form_errors(form.email) }}</small>{% endif %}
                    <small class="help">{{ form_help(form.email) }}</small>
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <div class="field-label is-normal">
                {{ form_label(form.isVerified, null, {'label_attr': {'class': 'label'}}) }}
            </div>  
            <div class="field-body">
                <div class="field is-horizontal">
                    <p>{{ form_widget(form.isVerified, {'attr': {'class': 'checkbox'}}) }}
                    &nbsp;<small class="is-help">{{ form_help(form.isVerified) }}</small></p>
                </div>
            </div>
        </div>
        
        <div class="field is-horizontal">
            <div class="field-label is-normal">
                {{ form_label(form.roles, null, {'label_attr': {'class': 'label'}}) }}
            </div>  
            <div class="field-body">
                <div class="field is-horizontal">
                    {{ form_widget(form.roles, {'attr': {'class': 'checkbox'}}) }}
                </div>
            </div>
        </div>

        <div class="field is-horizontal">
            <div class="field-label is-normal">
            {{ form_label(form.newPassword.first, null, {'label_attr': {'class': 'label'}}) }}         
            </div>  
            <div class="field-body">
                <div class="field is-expanded">
                    <p>{{ form_widget(form.newPassword.first, {'attr': {'class': 'input'}}) }}</p>

                    {% if form_errors(form.newPassword.first) %}<small class="help is-danger">{{ form_errors(form.newPassword.first) }}</small>{% endif %}
                    <small class="help">{{ form_help(form.newPassword.first) }}</small>
                </div>
            </div>
        </div>
        
        <div class="field is-horizontal">
            <div class="field-label is-normal">
            {{ form_label(form.newPassword.second, null, {'label_attr': {'class': 'label'}}) }}         
            </div>  
            <div class="field-body">
                <div class="field is-expanded">
                    <p>{{ form_widget(form.newPassword.second, {'attr': {'class': 'input'}}) }}</p>

                    {% if form_errors(form.newPassword.second) %}<small class="help is-danger">{{ form_errors(form.newPassword.second) }}</small>{% endif %}
                    <small class="help">{{ form_help(form.newPassword.second) }}</small>
                </div>
            </div>
        </div>

        {{ form_widget(form) }}

        <div class="field is-horizontal">
            <div class="field-label is-normal"></div>
            <div class="field-body">
                <div class="control">
        <button class="button is-primary" type="submit">Envoyer</button></div>
        <div class='control'>
        <a href="{{ path('app_admin_user') }}" class="button">Annuler</a>
        </div>
        </div>
        </div>
    {{ form_end(form) }}

{% endblock %}