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

{% block title %}Liste des Absences{% endblock %}

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

{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('summaryStyle') }}
{% endblock %}

{% block body %}
<div class="content-page">
    <div class="content">
        <!-- Start Content-->
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <h1>Liste des Absences</h1>
                        <a href="{{ path('ajouter_absence') }}" class="custom-link" style="margin-bottom: 20px;">Ajouter une absence</a>
                        <div class="card">
                            <div class="card-body">
                                <h3 class="card-title">Synthèse des Absences</h3>
                        <div id="button-container"></div>
                        <div class="summary-wrapper">
                            <div id="names-container-wrapper">
                                <div id="names-container"></div>
                            </div>
                            <div id="summary-container"></div>
                        </div>
                        <button id="toggle-legend-button">Afficher la légende</button>
                        <div id="legend-container" style="display: none;"></div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane show active" id="scroll-horizontal-preview">
                            <table id="scroll-horizontal-datatable" class="table table-striped w-100 nowrap">
                                <thead>
                                    <tr>
                                        <th class="no-sort"></th>
                                        <th>Entreprise</th>
                                        <th>Salarié</th>
                                        <th>Type d'Absence</th>
                                        <th>Date de Début</th>
                                        <th>Date de Fin</th>
                                    </tr>
                                </thead>
                                <tbody style="vertical-align: middle;">
                                    {% for absence in absences %}
                                        {% if absence.dateDelete is null and absence.salarie.dateDelete is null and absence.salarie.contratActuel.dateDelete is null %}
                                    <tr>
                                        <td class="no-sort">
                                            <ul class="list-inline">
                                                <a href="{{ path('details_absence', {'id': absence.salarie.id}) }}" class="detail-custom" style="padding: 0px 5px;">
                                                    <i class="ri-search-eye-line "></i>
                                                </a>
                                                <a href="{{ path('modifier_absence', {'id': absence.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                    <i class="ri-edit-line "></i>
                                                </a>
                                                <a href="{{ path('supprimer_absence', {'id': absence.id}) }}" class="supprimer-custom" style="padding: 0px 5px;">
                                                    <i class="ri-delete-bin-line "></i>
                                                </a>
                                            </ul>
                                        </td>
                                        <td>{{ absence.salarie.contratActuel.entreprise.nom }}</td>
                                        <td><a href="{{ path('details_salarie', {'id': absence.salarie.id}) }}">{{ absence.salarie.nom }} {{ absence.salarie.prenom }} </a></td>
                                        <td>{{ absenceTypes[absence.type] }}</td>
                                        <td>{{ absence.dateDebut|date('d/m/Y') }}</td>
                                        <td>{{ absence.dateFin|date('d/m/Y') }}</td>
                                    </tr>
                                    {% endif %}
                                    {% endfor %}
                                </tbody>
                            </table>
                            <a href="{{ path('ajouter_absence') }}" class="custom-link">Ajouter une absence</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('summary') }}
{% endblock %}