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

{% block body %}
    {% include 'breadcrumb.html.twig' %}
    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col-lg-4">

                            <div class="card ">
                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Modifier un utilisateur</h4>
                                </div>
                                <div class="card-body">
                                    {{ form_start(form, {'method': 'post', 'action': path('user_utilisateur_edit', {'id': id}) }) }}

                                    {{ form_label(form.prenom) }}
                                    {{ form_widget(form.prenom, {'attr': {'class': 'form-control'}}) }}<br/>

                                    {{ form_label(form.nom) }}
                                    {{ form_widget(form.nom, {'attr': {'class': 'form-control'}}) }}<br/>
                                    {{ form_errors(form.nom) }}

                                    {#{{ form_row(form.username, {'attr': {'class': 'form-control'}}) }}<br/>#}

                                    {{ form_row(form.email, {'attr': {'class': 'form-control'}}) }}

                                    {{ form_row(form.client, {'attr': {'class': 'form-control'}}) }}<br/>

                                    {{ form_label(form.nationalite, 'Nationalité ') }}
                                    {{ form_widget(form.nationalite, {'attr': {'class': 'ui fluid search dropdown'}}) }}<br/>
                                    {{ form_errors(form.nationalite) }}<br/>

                                    {{ form_label(form.pays, 'Pays ') }}
                                    {{ form_widget(form.pays, {'attr': {'class': 'ui fluid search selection dropdown'}}) }}<br/>
                                    {{ form_errors(form.pays) }}<br/>

                                    {{ form_label(form.ville, 'Ville ') }}
                                    {{ form_widget(form.ville, {'attr': {'class': 'form-control'}}) }}<br/>
                                    {{ form_errors(form.ville) }}

                                    {{ form_label(form.adresse, 'Adresse ') }}
                                    {{ form_widget(form.adresse, {'attr': {'class': 'form-control'}}) }}<br/>
                                    {{ form_errors(form.adresse) }}

                                    {{ form_label(form.code_postal, 'Code postal ') }}
                                    {{ form_widget(form.code_postal, {'attr': {'class': 'form-control'}}) }}<br/>
                                    {{ form_errors(form.code_postal) }}

                                    {{ form_label(form.type, 'Type ') }}
                                    {{ form_widget(form.type, {'attr': {'class': 'ui fluid selection dropdown'}}) }}<br/>
                                    {{ form_errors(form.type) }}<br/>

                                    {{ form_label(form.role, 'Role ') }}
                                    {{ form_widget(form.role, {'attr': {'class': ' '}}) }}<br/>
                                    {{ form_errors(form.role) }}

                                    <div hidden="hidden">
                                        {{ form_row(form.username) }}
                                    </div>

                                    <div>
                                        <input type="submit" value="Modifier" class="btn btn-primary btn-flat m-b-30 m-t-30 mt-4" />
                                    </div>
                                    {{ form_end(form) }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/ns_scripts.js') }}?{{ date().timestamp }}"></script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            // select rôle
            window.enableSelect2("utilisateur_edit_form_role", {placeholder:"Selectionnez un rôle", allowClear:false, closeOnSelect: true});
            $("#utilisateur_edit_form_role").val("{{ role }}").trigger('change');
        });
    </script>
{% endblock javascripts %}