{% extends '@InstallBois/index.html.twig' %}
{% import "forms-macro/popup.html.twig" as macro %}

{% block title %}
    INSTALL BOIS
{% endblock %}

{% block head %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript"
            src="https://cdn.datatables.net/responsive/2.3.0/js/dataTables.responsive.min.js"></script>

    <script type="text/javascript"
            src="{{ asset('install-bois/initDateTimeFormatDatatable.js') ~ "?rnd=" ~ random() }}"></script>
    {{ parent() }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.dataTables.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/1.4.0/js/dataTables.buttons.min.js">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js">
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block page_content_start %}
    {{ parent() }}
    <div class="page-title">
        <h4 class="page-title-h4">
            Paramètres |
            {% if is_granted('ROLE_ADMIN') %}
                Gérer les administrateurs
            {% else %}
                Utilisateurs
            {% endif %}
        </h4>
    </div>
{% endblock %}

{% block page_content %}
    <div class="container-fluid">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div>
                <div class="box-header with-border">
                    <a href="{{ path("user_create") }}">
                        <button type="button" class="boutonAction" style="float:right;">
                            Ajouter un utilisateur
                        </button>
                    </a>
                    <h3 class="box-title">Utillisateurs enregistrés dans le système
                        ( {{ users|filter(u => u.roles[0] != "ROLE_LECTURE_SEULE")|length }} )</h3>
                    {% if is_granted('ROLE_REFERENT_TECHNICIEN') %}
                        -
                        Abonnement en cours : {{ users|filter(u => u.roles[0] != "ROLE_LECTURE_SEULE")|length }} / {{ maxUserToCreate }}
                    {% endif %}
                </div>
                <table id="users-list" class="row-border" style="width:100%">
                    <thead>
                    <tr>
                        <th>Actions</th>
                        <th class="hideOnSmartphone2">Magasin</th>
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th class="hideOnSmartphone">Dernière connexion</th>
                        <th class="hideOnSmartphone">Créer le</th>
                        <th class="hideOnSmartphone">Dernière modification</th>
                        <th class="hideOnSmartphone">Droits</th>
                        {% if not is_granted('ROLE_REFERENT_FABRICANT') %}
                            <th class="hideOnSmartphone">Dossiers total</th>
                            <th class="hideOnSmartphone">Dossiers annuels</th>
                        {% endif %}
                    </tr>
                    </thead>
                    <tbody>
                    {% for user in users %}
                        <tr>
                            {% set bgcolor = app.user.id == user.id ? 'background-color : aliceblue;' : "" %}
                            <td class="centerBtn" style="{{ bgcolor }}">
                                <a href="{{ path('user_edit', {'id': user.id}) }}" style="color:white;">
                                    <img src="{{ asset('install-bois/icon/tab_action_modifier.svg') }}"/>
                                </a>
                                {% if (canDeleteAnRefTech and user.roles[0] == "ROLE_REFERENT_TECHNICIEN") or user.roles[0] != "ROLE_REFERENT_TECHNICIEN" %}
                                    <a
                                            id="removeUserBtn"
                                            type="button"
                                            class="boutonAction"
                                            style="background-color: transparent!important;width: 25px;padding: 0"
                                            onclick="checkIfUserHaveProject({{ user.id }})">
                                        <img alt="Supprimer"
                                             src="{{ asset('install-bois/icon/tab_action_supprimer.svg') }}"/>
                                    </a>
                                {% endif %}
                                {% if is_granted("ROLE_ADMIN") %}
                                    {% if user.id != app.user.id %}
                                        <a href="{{ path('home', { '_switch_user' : user.email }) }}">
                                            <img src="{{ asset('install-bois/icon/tab_action_connexionentantque.svg') }}"
                                                 alt="accéder en tant que">
                                        </a>
                                    {% else %}
                                        <img src="{{ asset('install-bois/icon/tab_action_connexionentantque_inactif.svg') }}"
                                             alt="accéder en tant que">
                                    {% endif %}
                                {% endif %}
                            </td>
                            <td style="{{ bgcolor }}" class="hideOnSmartphone2">{{ user.agency.name }}</td>
                            <td style="{{ bgcolor }}">
                                {% if is_granted('ROLE_DEMO') %}
                                    Utilisateur
                                {% else %}
                                    {{ user.lastName }}
                                {% endif %}
                            </td>
                            <td style="{{ bgcolor }}">
                                {% if is_granted('ROLE_DEMO') %}
                                    {{ loop.index }}
                                {% else %}
                                    {{ user.firstName }}
                                {% endif %}
                            </td>
                            <td class="hideOnSmartphone"
                                style="{{ bgcolor }}">{{ user.lastLogConnection !== null ? user.lastLogConnection.createdAt|date('d/m/Y') : null }}</td>
                            <td class="hideOnSmartphone" style="{{ bgcolor }}">{{ user.createdAt|date('d/m/Y') }}</td>

                            {% set iconUpdateEnable = 'false' %}

                            <td class="hideOnSmartphone" style="{{ bgcolor }}">{{ user.updatedAt|date('d/m/Y') }}</td>

                            {% if user.roles[0] == "ROLE_ADMIN" %}
                                {% set cellClassBG = "tab_celluleGRadeAdmin" %}
                            {% elseif user.roles[0] == "ROLE_REFERENT_FABRICANT" or user.roles[0] == "ROLE_REFERENT_TECHNICIEN" %}
                                {% set cellClassBG = "tab_celluleGRade3" %}
                            {% elseif user.roles[0] == "ROLE_TECHNICIEN" or user.roles[0] == "ROLE_FABRICANT" %}
                                {% set cellClassBG = "tab_celluleGRade2" %}
                            {% elseif user.roles[0] == "ROLE_LECTURE_SEULE" %}
                                {% set cellClassBG = "tab_celluleGRade1" %}
                            {% endif %}
                            <td class="hideOnSmartphone" style="{{ bgcolor }}">{{ user.getRolesAsString() }}</td>
                            {% if not is_granted('ROLE_REFERENT_FABRICANT') %}
                                <td class="hideOnSmartphone" style="{{ bgcolor }}">{{ nbProjectByUser[user.id]['total'] }}</td>
                                <td class="hideOnSmartphone" style="{{ bgcolor }}">{{ nbProjectByUser[user.id]['annual'] }}</td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {{ include('user/_modal/remove_user.twig') }}
            <script type="application/javascript">
                params = {
                    "columnDefs": [
                        {"type": "date-eu", "targets": [4, 5, 6]},
                    ],
                    searching: false
                };
                let excludeOrderColumn = [8];
                initDatatable('#users-list', params, excludeOrderColumn, false, false);
            </script>
        </div>
    </div>
    {% if is_granted('ROLE_DEMO') %}
        {{ include('tooltip/tooltip.html.twig') }}
    {% endif %}
    <script>
        if (isDemo) {
            applyTooltipToDisabledElements('.boutonAction')
        }
        let userProjects = 0;
        let userServiceCreated = 0;
        let userfinalCustomers = 0;
        let usersForChange = [];
        let userIdToDelete = null;

        function checkIfUserHaveProject(userId) {
            userIdToDelete = userId;
            const request = new Request("check-if-user-have-project", {
                method: 'POST',
                body: JSON.stringify(userId),
                headers: {
                    'Content-Type': 'application/json'
                }
            });
            fetch(request)
                .then(async function (response) {
                    let data = await response.json();
                    userProjects = data.projects;
                    userServiceCreated = data.serviceCreated;
                    userfinalCustomers = data.finalCustomers;
                    usersForChange = userProjects > 0 || userServiceCreated > 0 || userfinalCustomers > 0 ? data.users : [];
                    displayChangeUserProjects();
                })
        }

        function displayChangeUserProjects() {
            if (userProjects > 0 || userServiceCreated > 0 || userfinalCustomers > 0) {
                $('#changeUserProjects').show();

                let txt = '';
                userProjects > 0 ? txt += userProjects + ' ' + (userProjects === 1 ? 'étude rattachée' : 'études rattachées') : null;
                userServiceCreated > 0 ? txt += (txt ? ', ' : '') + userServiceCreated + ' ' + (userServiceCreated === 1 ? 'service rattaché' : 'services rattachés') : null;
                userfinalCustomers > 0 ? txt += (txt ? ', ' : '') + userfinalCustomers + ' ' + (userfinalCustomers === 1 ? 'client rattaché' : 'clients rattachés') : null;

                $('#nbrProjects').text(txt)
                $('#usersForChange option').remove();
                usersForChange.map(function (e) {
                    $('#usersForChange').append($('<option>', {
                        value: e.id,
                        text: e.name
                    }));
                })
            } else {
                $('#changeUserProjects').hide();
            }
            $('#modal-remove-user').modal();
        }
    </script>
{% endblock %}