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

{% block title %}AFC E-Learning{% endblock %}

{% block body %}
    <div class="container-fluid p-5">
        <h2 class="text-secondary mb-3">Liste des Rapports et des Attestations</h2>
        
        {# Searchbar #}
        <div class="bg-white py-3 mb-3">
            {{ form_start(searchForm) }}
            <div class="row px-0 mx-0">
                <div class="col-lg-3">{{ form_widget(searchForm.learnerLastname) }}</div>
                <div class="col-lg-3">{{ form_widget(searchForm.learnerFirstname) }}</div>
                <div class="col">
                    <input type="submit" value="Rechercher" class="secondary-btn">
                </div>
            </div>
            {{ form_end(searchForm) }}
        </div>
        {# Searchbar #}

        <table class="table table-striped table-hover bg-white text-center">
            <thead class="bg-primary text-light">
                <tr>
                    <th>Nom</th>
                    <th>Prénom</th>
                    <th>Formation</th>
                    <th>Aff. du temps total</th>
                    <th>Temps total</th>
                    <th>Attestation</th>
                    <th>Rapport</th>
                </tr>
            </thead>
            <tbody>
                {% for rep in reporting %}
                    <tr>
                        <td>{{ rep.learnerLastname }}</td>
                        <td>{{ rep.learnerFirstname }}</td>
                        <td>{{ rep.trainingName }}</td>
                        <td class="d-flex justify-content-center">

                           {#  {{ dump(rep.isTimeSpentVisible) }} #}

                            <a href="{{ path('admin_training_reporting_show_tts', {'id': rep.id}) }}"
                               class="secondary-btn d-flex align-items-center justify-content-center {% if rep.isTimeSpentVisible == true %} bg-success {% else %} bg-danger {% endif %}"
                               style="width:42px;height:42px;"
                               data-bs-toggle="tooltip"
                               data-bs-placement="left"
                               data-bs-html="true"
                               {% if rep.isTimeSpentVisible == true %}
                               title="Le temps total <span class='text-success'>sera affiché</span> dans le rapport de fin de formation"
                                {% else %}
                                title="Le temps total <span class='text-danger'>ne sera pas affiché</span> dans le rapport de fin de formation"
                                {% endif %}>
                            {% if rep.isTimeSpentVisible == true %}
                                <span class="material-icons">visibility</span>
                            {% else %}
                                <span class="material-icons">visibility_off</span>
                            {% endif %}
                            </a>
                        </td>
                        <td>
                            {% if rep.timeReporting != null %}
                                {#  {{ rep.timeReporting.getTotalTimeSpent|date('H:i:s') }} #}
                                {{ timeFormat(rep.timeReporting.getTotalTimeSpent) }}
                            {% else %}
                                -
                            {% endif %}
                        </td>
                        <td>
                            {% if rep.certificateSerial %}
                                <a href="{{ path('admin_training_certificate', {'serialNumber' : rep.certificateSerial }) }}" class="secondary-btn" target="_blank">Attestation</a>
                            {% else %}
                                <button class="secondary-btn bg-secondary" disabled>Attestation</button>
                            {% endif %}
                        </td>
                        <td>
                            <a href="{{ path('admin_training_reporting', {'id' : rep.id}) }}" class="secondary-btn" target="_blank">Rapport de formation</a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}