{% extends '@AdminLTE/layout/cfgodd-layout.html.twig' %}

{% block page_title %}{% trans %}admin.user.title{% endtrans %}{% endblock %}

{% block page_content %}

            {% if is_granted('ROLE_ADMIN') %}
            <div class="text-right mb-3">
                <a href="{{ path('app_user_new') }}" class="btn btn-primary text-right">
                    <i class="fa fa-plus"></i> {% trans %}admin.user.add{% endtrans %}
                </a>
            </div>
            {% endif %}

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <table id="userTable" class="table table-striped">
            <thead>
                <th>{% trans %}basics.familyName{% endtrans %}</th>
                <th>{% trans %}basics.givenName{% endtrans %}</th>
                <th>{% trans %}basics.email{% endtrans %}</th>
                <th>{% trans %}basics.ministry{% endtrans %}</th>
                <th>{% trans %}basics.department{% endtrans %}</th>
                <th>{% trans %}basics.commune{% endtrans %}</th>
                <th class="text-right">{% trans %}basics.roles{% endtrans  %}</th>
                {% if is_granted('ROLE_ADMIN') %}
                    <th style="width: 100px"></th>
                {% endif %}
            </thead>
            <tbody>
            {% for user in users %}
                <tr>
                    <td>{{ user.familyName }}</td>
                    <td>{{ user.givenName }}</td>
                    <td>{{ user.email }}</td>
                    <td>{{ user.direction ? user.direction.ministry.code : '' }}</td>
                    <td>{{ user.department ? user.department.name : '' }}</td>
                    <td>{{ user.commune ? user.commune.name : '' }}</td>
                    <td class="text-center">
                        {% include "partials/roles.html.twig" %}
                    </td>
                    {% if is_granted('ROLE_ADMIN') %}
                        <td class="text-center">
                            <div class="btn-group">
                                <a href="{{ path('app_user', { 'id': user.id }) }}" class="btn btn-sm btn-default" role="button" aria-pressed="true">{% trans %}basics.update{% endtrans %}</a>
                                {% if is_granted('ROLE_ADMIN') %}
                                <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
                                    <span class="caret"></span>
                                    <span class="sr-only">Toggle Dropdown</span>
                                </button>
                                <div class="dropdown-menu" role="menu">
                                    <a class="dropdown-item" href="#" data-toggle="modal" data-target="#modal-reinit-{{ user.id }}">Réinitialiser MP</a>
                                    <!--<a class="dropdown-item" href="#" data-toggle="modal" data-target="#modal-delete-{{ user.id }}">{% trans %}basics.delete{% endtrans %}</a>-->
                                </div>


                                <div class="modal fade" id="modal-reinit-{{ user.id }}">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Voulez-vous vraiment réinitialiser le mot de passe pour cet utilisateur ?</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <b> {{user.familyName}}  {{ user.givenName }}</b>
                                            </div>
                                            <div class="modal-footer justify-content-between">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}basics.no{% endtrans %}</button>
                                                <a href="{{ path('app_user_reinit', { 'id': user.id }) }}" class="btn btn-danger">{% trans %}basics.yes{% endtrans %}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

    
                                <div class="modal fade" id="modal-delete-{{ user.id }}">
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Voulez-vous vraiment supprimer cet utilisateur ?</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <b> {{user.familyName}}  {{ user.givenName }}</b>
                                            </div>
                                            <div class="modal-footer justify-content-between">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}basics.no{% endtrans %}</button>
                                                <a href="{{ path('app_user_delete', { 'id': user.id }) }}" class="btn btn-danger">{% trans %}basics.yes{% endtrans %}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endif %}
                            </div>
                        </td>
                    {% endif %}
                </tr>
            {% endfor %}
            </tbody>
            </table>
        {% endblock %}

    {% endembed %}
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('plugins/datatables/French.json') }}"></script>
    <script>
        $(function () {
            $("#userTable").DataTable({
                "pageLength": 25,
                "language": {
                    "url": "{{ asset('plugins/datatables/French.json') }}"
                }
            });
        });
    </script>

    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.css') }}">
{% endblock %}