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

{% block title %}Preparation de Paie{% endblock %}

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

{% block stylesheets %}
{{ parent() }}
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        table, th, td {
            border: 1px solid black;
        }
        th, td {
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        .dataTables_wrapper {
            width: 100%;
            overflow-x: scroll;
        }
    </style>
{% 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>Preparation de Paie</h1>

                            {{ form_start(form) }}
                            <div class="form-group">
                                {{ form_label(form.startDate) }}
                                {{ form_widget(form.startDate) }}
                            </div>
                            <div class="form-group">
                                {{ form_label(form.endDate) }}
                                {{ form_widget(form.endDate) }}
                            </div>
                            <button type="submit" class="btn btn-primary">Sélectionner la période</button>
                            {{ form_end(form) }}

                            {% for enterpriseData in dataByEnterprise %}
                                <h2>{{ enterpriseData.entreprise.nom }}</h2>
                                <a href="{{ path('prepa_paie_export', {
                                    'entrepriseId': enterpriseData.entreprise.id,
                                    'startDate': form.startDate.vars.value|date('Y-m-d'),
                                    'endDate': form.endDate.vars.value|date('Y-m-d')
                                }) }}" class="btn btn-primary mb-3">Exporter en Excel</a>
                                <div class="tab-content">
                                    <div class="tab-pane show active" id="scroll-horizontal-preview">
                                        <div class="dataTables_wrapper">
                                            <table id="datatable-{{ loop.index }}" class="table table-striped w-100 nowrap">
                                                <thead>
                                                    <tr>
                                                        <th>NOM/ Prénom</th>
                                                        <th>TRAJETS</th>
                                                        <th>TRANSPORTS</th>
                                                        <th>Prime conduite(montant)</th>
                                                        <th>PANIERS (nombre)</th>
                                                        <th>NUITES (20€)</th>
                                                        <th>TRAJET GD (montant)</th>
                                                        <th>INDEMNITES GRAND DEPLACEMENT (montant repas + hebergement)</th>
                                                        <th>HN</th>
                                                        <th>HS à 25</th>
                                                        <th>HS à 50</th>
                                                        <th>COMMENTAIRES (primes CP RTT arrêts maladie)</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                   {% for salarie in enterpriseData.salaries %}
                                                    {# Vérification des conditions de validation #}
                                                    {% set indemniteValide = enterpriseData.indemnites[salarie.id].valide %}
                                                    <tr>
                                                        <td>{{ salarie.nom }} {{ salarie.prenom }}</td>
                                                        
                                                        {# Affichage des données conditionnelles #}
                                                        {% if indemniteValide %}
                                                            <td>
                                                                <ul style="list-style-type: none;">
                                                                    {% for zone, count in enterpriseData.transports[salarie.id].trajet|default([]) %}
                                                                        <li>{{ zone }} = {{ count }}</li>
                                                                    {% endfor %}
                                                                    <br>
                                                                    {{ enterpriseData.indemnites[salarie.id].indemniteTrajet|default('') }}€
                                                                </ul>
                                                            </td>
                                                            <td>
                                                                <ul style="list-style-type: none;">
                                                                    {% for zone, count in enterpriseData.transports[salarie.id].transport|default([]) %}
                                                                        <li>{{ zone }} = {{ count }}</li>
                                                                    {% endfor %}
                                                                    <br>
                                                                    {{ enterpriseData.indemnites[salarie.id].indemniteTransport|default('') }}€
                                                                </ul>
                                                            </td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].primeConduite|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].nbPanierRepas|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].nombreLogement|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].indemniteDeplacement|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].indemnitesGrandDeplacement|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].hn|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].hs25|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].hs50|default('') }}</td>
                                                            <td>{{ enterpriseData.indemnites[salarie.id].commentaires|default('') }}</td>
                                                        {% else %}
                                                            <td colspan="11">Les données n'ont pas encore été validées par le RRH</td>
                                                        {% endif %}
                                                    </tr>
                                                {% endfor %}

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            {% endfor %}
                            <div class="col-12 text-center">
                                <button class="retour-custom" onclick="retourPage(event);">
                                    <i class="ri-reply-line font-14"></i> Retour
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

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