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

{% block body %}
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">Emargement</h1>
        <div class="btn-toolbar mb-2 mb-md-0">
            <div class="btn-group mr-2">
                {% if session is null %}
                    {% set s = event.sessions[0] %}
                {% else %}
                    {% set s = session %}
                {% endif %}
                <a href="{{ path('signature_tool_show_session_qrcode', { 'event': event.id, 'session': s.id, 'tool': tool.id }) }}" class="btn btn-sm btn-outline-secondary">
                    QR Codes
                </a>
                <a href="{{ path('export_signatures', { 'event': event.id, 'session': session.id, 'tool': tool.id }) }}" class="btn btn-sm btn-outline-secondary">
                    Exporter
                </a>
                <a href="{{ path('signature_tool_user_add', { 'event': event.id, 'session': s.id, 'tool': tool.id }) }}" class="btn btn-sm btn-outline-secondary">
                    Ajouter
                </a>
                <a href="{{ path('signature_tool_import', { 'event': event.id, 'tool': tool.id }) }}" class="btn btn-sm btn-outline-secondary">
                    Importer
                </a>
            </div>
            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span data-feather="calendar"></span>
                {% if session is null %}
                    {% set s = event.sessions[0] %}
                    Session du {{ s.startDate|date("d/m", "Europe/Paris") }} au {{ s.endDate|date("d/m/Y", "Europe/Paris") }} à {{ s.place }}
                {% else %}
                    Session du {{ session.startDate|date("d/m", "Europe/Paris") }} au {{ session.endDate|date("d/m/Y", "Europe/Paris") }} à {{ session.place }}
                {% endif %}
            </button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                {% for s in event.sessions %}
                    <a class="dropdown-item" href="{{ path('signature_tool_show_session', {'event': event.id, 'tool': tool.id, 'session': s.id}) }}">Session du {{ s.startDate|date("d/m", "Europe/Paris") }} au {{ s.endDate|date("d/m/Y", "Europe/Paris") }} à {{ s.place }}</a>
                {% endfor %}
            </div>
        </div>
    </div>

    <div class="pt-3 pb-2 mb-3">
        <p>
            <strong>Nombre de personnes total :</strong> {{ users|length }}
        </p>
        <p>
            {% set cpt_sign, cpt_off, cpt = 0, 0, 0 %}
            {% for u in users %}
                {% if u.userData.signatureUserDatas is empty %}

                {% elseif u.userData.signatureUserDatas[0].isOff %}
                    {% set cpt_off = cpt_off + 1 %}
                {% else %}
                    {% set cpt_sign = cpt_sign + 1 %}
                {% endif %}
            {% endfor %}
            <strong>Nombre de personnes qui ont signé :</strong> {{ cpt_sign }}
        </p>
        <p>
            <strong>Nombre de personnes absentes :</strong> {{ cpt_off }}
        </p>
    </div>

    <div class="table-responsive">
        <table class="table table-striped table-sm">
            <thead>
            <tr>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Concession</th>
                <th>Détails</th>
                <th>Qr code</th>
                <th>Action</th>
            </tr>
            </thead>
            <tbody>
            {% for u in users %}
                <tr>
                    <td class="qrcode__parent">
                        {{ u.lastname }}
                        <div id="qrcode__{{ u.id }}" class="qrcode__container"
                             data-nom="{{ u.lastname }}"
                             data-prenom="{{ u.firstname }}"
                             data-id="{{ u.id }}"
                             data-token="{{ u.token }}"
                        >
                            <img id="img__{{ u.id }}" alt="qrcode" />
                        </div>
                    </td>
                    <td>{{ u.firstname }}</td>
                    <td>{{ u.concessionCode }}</td>
                    <td>{{ u.details }}</td>
                    <td>
                        {% if u.qrcode %}
                            {{ u.qrcode }}
                        {% else %}
                            -
                        {% endif %}
                    </td>
                    <td class="text-right">
                        {{ render(controller(
                            'App\\Controller\\Tools\\Signature\\SignatureToolController::showState',
                            {'event': event.id, 'tool': tool.id, 'session': session.id, 'user': u.id}
                        )) }}
                        <a class="deleteUser" href="{{ path('signature_tool_delete_user', {'event': event.id, 'tool': tool.id, 'session': s.id, 'user': u.id}) }}">
                            <span class="oi oi-delete" title="icon delete" aria-hidden="true"></span>
                        </a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
      $('.deleteUser').click(function (e) {
        e.preventDefault();

        if(confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ?')) {
          window.location.href = $(this).attr('href');
        }
      });
    </script>
{% endblock %}