{% extends 'admin/adminBase.html.twig' %}

{% block title %}Matrice des droits{% endblock %}
{% block titre_page %}Matrice des droits par fonctionnalité{% endblock %}
{% block sous_titre_page %}Retrouvez ici la matrice des droits{% endblock %}
{% block titre_icone %} {{ getMenuIcon('ADMIN_MATRIX') }}{% endblock %}
{% block droit_ajout %}
    {% if autorise('DOCUMENT_CATEGORY_CREATE') %}
        <a href="{{ path('app_admin_document_category_new') }}" class="btn-shadow me-3 btn btn-dark">
            <i class="fa fa-plus"></i>
        </a>
    {% endif %}
{% endblock %}

{% block body %}
    <div id="accordion" class="accordion-wrapper mb-3">
        {% for groupeFonc in featureCategory %}
            <div class="card">
                <div id="headingOne" class="card-header" data-bs-toggle="collapse"
                     data-bs-target="#collapse{{ groupeFonc.id }}" aria-expanded="false"
                     aria-controls="collapse{{ groupeFonc.id }}">
                    <h5 class="m-0 p-0">{{ groupeFonc.nom }}</h5>
                </div>
                <div data-parent="#accordion" id="collapse{{ groupeFonc.id }}"
                     aria-labelledby="heading{{ groupeFonc.id }}" class="collapse">
                    <div class="card-body">
                        <table style="width: 100%;" class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th></th>
                                {% for droit in userGroup %}
                                    <th>{{ droit.nom }}</th>
                                {% endfor %}
                            </tr>
                            </thead>
                            <tbody>
                            {% for fonctionnalite in groupeFonc.features %}
                                <tr>
                                    <td>{{ fonctionnalite.nom }}</td>
                                    {% for droit in userGroup %}
                                        {% if droit in fonctionnalite.userGroups %}
                                            <td class="activate" id="{{ fonctionnalite.id }}-{{ droit.id }}" onclick="deactivate({{ fonctionnalite.id }}, {{ droit.id }})"><span><i class="pe-7s-check"></i></span></td>
                                        {% else %}
                                            <td class="deactivate" id="{{ fonctionnalite.id }}-{{ droit.id }}" onclick="activate({{ fonctionnalite.id }}, {{ droit.id }})"><span><i class="pe-7s-close-circle"></i></span></td>
                                        {% endif %}
                                    {% endfor %}
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>

    <script>
        function deactivate(fonctionnaliteId, droitId) {
            $.ajax({
                url: '/admin/matrice/association/deactivate/'+fonctionnaliteId+'/'+droitId,
                method: 'POST',
                success: function (msg) {
                    if (msg !== "True") {
                        showToast('Matrice des droits', 'Vous n\'avez pas les autorisations pour effectuer cette action', 'error');
                    } else {
                        $('#'+fonctionnaliteId+'-'+droitId)
                            .removeClass('activate')
                            .addClass('deactivate')
                            .click(function() {
                                activate(fonctionnaliteId, droitId);
                            });

                        $('#'+fonctionnaliteId+'-'+droitId+' span').html('<i class="pe-7s-close-circle"></i>');
                        showToast('Matrice des droits', 'Autorisation modifiée avec succès !', 'success');
                    }
                }
            })
        }

        function activate(fonctionnaliteId, droitId) {
            $.ajax({
                url: '/admin/matrice/association/activate/'+fonctionnaliteId+'/'+droitId,
                method: 'POST',
                success: function (msg) {
                    if (msg !== "True") {
                        showToast('Matrice des droits', 'Vous n\'avez pas les autorisations pour effectuer cette action', 'error');
                    } else {
                        $('#' + fonctionnaliteId + '-' + droitId)
                            .removeClass('deactivate')
                            .addClass('activate')
                            .click(function () {
                                deactivate(fonctionnaliteId, droitId);
                            });

                        $('#' + fonctionnaliteId + '-' + droitId + ' span').html('<i class="pe-7s-check"></i>');
                        showToast('Matrice des droits', 'Autorisation modifiée avec succès !', 'success');
                    }
                }
            })
        }
    </script>
{% endblock %}