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

{% import 'macros/macro.html.twig' as macro %}

{% block title %}
    {{ parent() }}
    CREATION USER
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/js/plugins/datatables/dataTables.bootstrap4.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('salsa/SalsaCalendar.min.css') }}" media="all" />
    <style>
        .row {
            diasplay: flex;
            margin-bottom: 4px;
            margin-left: 0!important;
            margin-bottom: 10px;
            padding-left: 5px;
            font-size: 14px;
        }

        .required-input-sign {
            font-size: 18px;
            color: #e54040;
        }

    </style>
{% endblock %}

{% block headerRight %}
    {{ parent() }}
    <button type="button" class="btn btn-secondary" id="btn-submit-rma-form" onclick="closeAddUserClient()">Retour page précédente</button>
{% endblock %}

{% block body %}
    {{ parent() }}

    <input type="hidden" id="user_list_client" value="{{ path('user_list_client') }}">

    {% if status == 'ok' %}

        <div id="main-block" class="block">

            {{ form_start(form, {'attr' : {'id' : 'create_user_form', 'autocomplete' : 'off'}}) }}
            <div class="block block-themed block-transparent mb-0">
                <div class="block-header">
                    <h3 style="font-size: 18px;" class="block-title">Ajout d'un Utilisateur</h3>
                </div>
                <div class="block-content">
                    <div class="row" style="margin-bottom: 30px;">
                        <div class="form-group">
                            <div class="col-12 pl-0" style="margin-bottom: 10px;">
                                <label>Prénom : <span class="required-input-sign">*</span></label>
                                {{ form_widget(form.firstname) }}
                            </div>
                            <div class="col-12 pl-0" style="margin-bottom: 10px;" required="required">
                                <label>Nom : <span class="required-input-sign">*</span></label>
                                {{ form_widget(form.lastname) }}
                            </div>
                            <div class="col-12 pl-0" style="margin-bottom: 5px;">
                                <label>Email : <span class="required-input-sign">*</span></label>
                                {{ form_widget(form.email) }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer"  style="display: flex; justify-content: space-between; flex-wrap: wrap;">
                    <div class="right">
                        <button id="btn-edit-profile-close" type="button" class="btn btn-secondary" onclick="closeAddUserClient()" style="margin: 10px 16px 15px 30px">Annuler</button>
                        <button id="btn-edit-profile-valid" type="submit" class="btn btn-primary" style="margin: 10px 0 15px 0px"><i class="fa fa-check"></i> Valider</button>
                    </div>
                </div>
            </div>

            {{ form_end(form) }}
        </div>

    {% else %}

        <h4>Aucun utilisateur trouvé</h4>

    {% endif %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/js/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script type="text/javascript">

        function closeAddUserClient() {
            window.location.replace(($('#user_list_client').val()));
        }

    </script>
{% endblock %}