{% extends 'default/form.html.twig' %}

{% block content %}
    {{ form_start(form, {'attr': {'class': 'form-horizontal'}}) }}
        <div class="row">
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.fname, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Fname'|trans}}"}}) }}
                    {{ form_label(form.fname, 'Form.User.Fname' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.lname, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Lname'|trans}}"}}) }}
                    {{ form_label(form.lname, 'Form.User.Lname' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Email'|trans}}"}}) }}
                    {{ form_label(form.email, 'Form.User.Email' | trans) }}
                    <small class="form-control-feedback">{{ form_errors(form.email) }}</small>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.usergroup, {'attr': {'class': 'form-control form-select', 'placeholder':"{{'Form.User.Group'|trans}}"}}) }}
                    {{ form_label(form.usergroup, 'Form.User.Group' | trans) }}
                </div>
            </div>
            {% if mode == 'add' %}{# En mode ajout on exige le mode de #}
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.plainPassword.first, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.Password'|trans}}"}}) }}
                    {{ form_label(form.plainPassword.first, 'Form.Password' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.plainPassword.second, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.RepeatPassword'|trans}}"}}) }}
                    {{ form_label(form.plainPassword.second, 'Form.RepeatPassword' | trans) }}
                </div>
            </div>
            {% endif %}
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.organization, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Organization'|trans}}"}}) }}
                    {{ form_label(form.organization, 'Form.User.Organization' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.title, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Title'|trans}}"}}) }}
                    {{ form_label(form.title, 'Form.User.Title' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.address, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Address'|trans}}"}}) }}
                    {{ form_label(form.address, 'Form.User.Address' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.phone, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Phone'|trans}}"}}) }}
                    {{ form_label(form.phone, 'Form.User.Phone' | trans) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-floating mb-3">
                    {{ form_widget(form.description, {'attr': {'class': 'form-control', 'placeholder':"{{'Form.User.Description'|trans}}"}}) }}
                    {{ form_label(form.description, 'Form.User.Description' | trans) }}
                </div>
            </div>
            <div class="col-md-3" style='margin-top: 0.5rem;'>
                <div class="mb-3 form-control form-check">
                {% for t in form.active %}
                    {{ form_widget(t, {'attr': {'class': ''}}) }}  {{ form_label(t) }}
                    <span class='m-l-60'></span>
                {% endfor %}
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-floating mb-3">
                    {{ form_widget(form.country, {'attr': {'class': 'form-control form-select', 'placeholder':"{{'Form.User.Country'|trans}}"}}) }}
                    {{ form_label(form.country, 'Form.User.Country' | trans) }}
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="ms-auto mt-3 mt-md-0">
                <button type="submit" class="btn btn-success text-white">{{'Form.Submit' | trans}}</button>
                <a href='{{path('param_user')}}' class="btn btn-warning text-white"><i class='ti-control-backward'></i> {{'Form.Return' | trans}}</a>
            </div>
        </div>
        {{ form_rest(form) }}
    {{ form_end(form) }}

    
{% endblock %}
{% block custom_js %}
    {{parent()}}
    <script type="text/javascript">
        $(document).ready(function() {
            $("#check-all").click(function() {
                 $("form input[type=checkbox]").prop("checked", true);
            });
            $("#uncheck-all").click(function() {
                 $("form input[type=checkbox]").prop("checked", false);
            });
        });
       
        //Script de pré-remplissage du modal de modification
       /* $(document).on("click", ".edit", function () {
            var url = "{#{path(edit)}#}";
            var groupID = $(this).data('id');
            var name = $(this).data('name');
            var description = $(this).data('description');
            $(".modal-body #group_name_edit").val( name );
            $(".modal-body #group_description_edit").val( description );
            $('#form-group-edit').attr('action', url+'/'+groupID);;
        });*/
    </script>
{% endblock %}
{#% block validation %}{% endblock %#}