{% 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>

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



{% block page_content_start %}
    {{ parent() }}
    <div class="page-title">
        <h4 class="page-title-h4">
            Paramètres | Magasins
        </h4>
    </div>
{% endblock %}

{% block page_content %}
    <div class="container-fluid">
        <div class="col-sm-12 col-md-12 col-lg-12">
            <div class="box-header with-border">
                <a href="{{ path("agency_new") }}">
                    <button type="button" class="boutonAction" style="float:right;">
                        Ajouter un magasin
                    </button>
                </a>
            </div>
            <table id="agencies-list" class="hover row-border" style="padding:1%;width:100%">
                <thead>
                <tr>
                    <th>Action</th>
                    <th>Nom</th>
                    <th class="hideOnSmartphone">Adresse</th>
                    <th class="hideOnSmartphone">Code postal</th>
                    <th class="hideOnSmartphone">Ville</th>
                    <th class="hideOnSmartphone">Études partagées</th>
                    <th class="hideOnSmartphone">Édition rapports</th>
                    <th class="hideOnSmartphone">Date de création</th>
                    <th>Nombre de dossiers effectués</th>
                </tr>
                </thead>
                <tbody>
                {% for agency in agencies %}
                    <tr>
                        <td>
                            <a href="{{ path('agency_edit', {'id': agency.id}) }}">
                                <img alt="Modifier"
                                     src="{{ asset('install-bois/icon/tab_action_modifier.png') }}">
                            </a>
                            {% if is_granted("ROLE_ADMIN") or is_granted("ROLE_REFERENT_TECHNICIEN") or is_granted('ROLE_DEMO') %}
                                <a onclick="initDeleteAgencyForm({{ agency.id }}, {{ agency.nbUser }})"
                                   id="removeAgencyBtn" type="button" class="removeAgencyBtn boutonAction"
                                   style="background-color: transparent!important;width: 25px;padding: 0">
                                    <img alt="Supprimer"
                                         src="{{ asset("install-bois/icon/tab_action_supprimer.png") }}">
                                </a>
                            {% endif %}
                        </td>
                        <td>{{ agency.name }}</td>
                        <td class="hideOnSmartphone">{{ agency.address.street ? agency.address.street : "N/A" }}</td>
                        <td class="hideOnSmartphone">{{ agency.address.postalCode ? agency.address.postalCode : "N/A" }}</td>
                        <td class="hideOnSmartphone">{{ agency.address.city ? agency.address.city : "N/A" }}</td>
                        <td class="hideOnSmartphone {{ agency.sharedFolder ? "tab_celluleTrue" : "tab_celluleFalse" }}">{{ agency.sharedFolder ? "oui" : "non" }}</td>
                        <td class="hideOnSmartphone {{ agency.editionPdf ? "tab_celluleTrue" : "tab_celluleFalse" }}">{{ agency.editionPdf ? "oui" : "non" }}</td>
                        <td class="hideOnSmartphone ">{{ agency.createdAt|date('d/m/Y H:i:s') }}</td>
                        <td>{{ nbProjectByAgency[agency.id] }}</td>

                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% if is_granted('ROLE_DEMO') %}
        {{ include('tooltip/tooltip.html.twig') }}
    {% endif %}
    <script type="application/javascript">

        if (isDemo) {
            applyTooltipToDisabledElements('.boutonAction')
        }

        params = {
            "columnDefs": [
                {"type": "date-euro", "targets": [7]},
            ],
        };
        initDatatable('#agencies-list', params, [8], false, false);

        function initDeleteAgencyForm(idAgencyToDelete, nbUserConnected) {
            if (nbUserConnected > 0) {
                $("#popup-danger-deleteAgency .popup-message").text("Ce magasin ne peut pas etre supprimé, il reste au moins un utilisateur rattaché à ce magasin")
                $("#popup-danger-deleteAgency .popup-question").text(null);
                $("#popup-danger-deleteAgency .boutonNon").text("Ok");
                $("#popup-danger-deleteAgency .boutonOui").hide();
            } else {
                $("#popup-danger-deleteAgency .boutonNon").text("Non");
                $("#popup-danger-deleteAgency .boutonOui").show();
                let uriSplitted = $('#form_delete_agency').attr('action').split("/");
                uriSplitted[2] = idAgencyToDelete;
                $('#form_delete_agency').attr('action', uriSplitted.join("/"));
                $("#popup-danger-deleteAgency .popup-question").text("Souhaitez-vous continuer ?");
            }
            $('#popup-danger-deleteAgency').modal('show');
        }

    </script>
    {{ macro.popup("danger","form_delete_agency", path('agency_delete', {'id': "XX"}), "deleteAgency" ,"Attention la suppression est définitive") }}
{% endblock %}