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

{% block title %}Modifier un planning{% endblock %}

{% block body %}
    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <h1>Modifier un planning</h1>
                            {{ form_start(form) }}
                            {% if not form.vars.valid %}
                                <ul>
                                    {% for child in form.children %}
                                        {% for error in child.vars.errors %}
                                            <li>{{ error.message }}</li>
                                        {% endfor %}
                                    {% endfor %}
                                    {% for error in form.vars.errors %}
                                        <li>{{ error.message }}</li>
                                    {% endfor %}
                                </ul>
                            {% endif %}
                            <div class="mb-3">
                                {{ form_label(form.chantier, null, {'label_attr': {'class': 'form-label'}}) }}
                                {{ form_widget(form.chantier, {'attr': {'class': 'form-control', 'disabled': 'disabled'}}) }}
                            </div>

                            <div class="mb-3 row">
                                <div class="col-md-6">
                                    {{ form_label(form.dateDebut, '', {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.dateDebut, {'attr': {'class': 'form-control', 'type': 'date', 'name': 'dateDebut'}}) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_label(form.plageDebut, '', {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.plageDebut, {'attr': {'class': 'form-control', 'type': 'select', 'name': 'plageDebut'}}) }}
                                </div> 
                            </div>

                            <div class="mb-3 row">
                                <div class="col-md-6">
                                    {{ form_label(form.dateFin, '', {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.dateFin, {'attr': {'class': 'form-control', 'type': 'date', 'name': 'dateFin'}}) }}
                                </div>
                                <div class="col-md-6">
                                    {{ form_label(form.plageFin, '', {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.plageFin, {'attr': {'class': 'form-control', 'type': 'select', 'name': 'plageFin'}}) }}
                                </div>
                            </div>

                            {{ form_widget(form.valide, {'attr': {'style': 'display: none;', 'required': false}}) }}
                            {{ form_widget(form.salaries, {'attr': {'style': 'display: none;', 'required': false}}) }}
                             {{ form_widget(form.vehiculeEntreprise, {'attr': {'style': 'display: none;', 'required': false}}) }}
                            <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 id="table-headers">
                                                <th class="no-sort"></th>
                                                <th>Nom</th>
                                                <th>Prénom</th>
                                                <th>Poste</th>
                                                <th>Entreprise</th>
                                                <th>Conducteur</th>
                                                <th>Véhicule</th>
                                                <th>Absences</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {% for salarie in salaries %}
                                            {% if salarie.dateDelete is null %}
                                             
                                                <tr>
                                                    <td><input type="checkbox" class="salarie-checkbox" name="salarie[]" value="{{ salarie.id }}" {% if salarie.id in salarieIds %}checked{% endif %}></td>
                                                    <td>{{ salarie.nom }}</td>
                                                    <td>{{ salarie.prenom }}</td>
                                                    <td>{{ salarie.posteActuel }}</td>
                                                    <td>{{ salarie.entrepriseActuelle }}</td>
                                                    <td>
                                                        {% set planningSalarie = planningSalariesBySalarieId[salarie.id] ?? null %}
                                                        <input type="checkbox" class="conducteur-checkbox" data-salarie-id="{{ salarie.id }}" id="conducteur-{{ salarie.id }}" {% if planningSalarie and planningSalarie.conducteur %}checked{% endif %}>
                                                        <label for="conducteur-{{ salarie.id }}">Conducteur</label>
                                                    </td>
                                                    <td>
                                                        <select class="vehicule-select" data-salarie-id="{{ salarie.id }}" style="display: none;">
                                                            <option value="">Véhicule personnel</option>
                                                            {% for vehicule in vehicules %}
                                                                <option value="{{ vehicule.id }}" {% if planningSalarie and planningSalarie.vehiculeEntreprise and planningSalarie.vehiculeEntreprise.id == vehicule.id %}selected{% endif %}>{{ vehicule.affichage }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    </td>
                                                    <td style="text-align:right">
                                                        {% for message in salarieAbsences[salarie.id] %}
                                                            <div>{{ message|raw }}</div>
                                                        {% endfor %}
                                                    </td>
                                                </tr>
                                                   
                                            {% endif %}
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>

                            <div class="col-12 text-center">
                                <button type="submit">Modifier</button>
                                {{ form_end(form) }}
                                <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() }}
    <script>
        document.querySelector('form').addEventListener('submit', function (event) {
            const selectedSalaries = [];
            document.querySelectorAll('.salarie-checkbox:checked').forEach(function (checkbox) {
                selectedSalaries.push(checkbox.value);
            });
            const hiddenSelect = document.getElementById('modifier_planning_form_salaries');
            if (hiddenSelect) {
                hiddenSelect.innerHTML = '';
                selectedSalaries.forEach(function (id) {
                    const option = document.createElement('option');
                    option.value = id;
                    option.selected = true;
                    hiddenSelect.appendChild(option);
                });
            }
        });

        function fetchSalaries(chantierId, dateDebut, plageDebut, dateFin, plageFin, planningId) {
            console.log("Fetching salaries with parameters:", { chantierId, dateDebut, plageDebut, dateFin, plageFin, planningId });

            fetch(`/get-salaries-by-chantier/${chantierId}?dateDebut=${encodeURIComponent(dateDebut)}&plageDebut=${encodeURIComponent(plageDebut)}&dateFin=${encodeURIComponent(dateFin)}&plageFin=${encodeURIComponent(plageFin)}&idPlanning=${planningId}`)
                .then(response => response.json())
                .then(data => {
                    console.log("Received data:", data);
                    const tableBody = document.getElementById('salarie-table-body');
                    tableBody.innerHTML = '';
                    const plannedSalaries = {{ salarieIds|json_encode }};
                    console.log("Planned salaries:", plannedSalaries);
                    if (data.length === 0) {
                        console.warn("No data received from API. Please check the API and database.");
                        return;
                    }
                    data.forEach(salarie => {
                        const isChecked = plannedSalaries.includes(salarie.id);
                        console.log(`Processing salarie: ${salarie.nom} ${salarie.prenom}, ID: ${salarie.id}, isChecked: ${isChecked}`);

                        // Vérifier les absences durant la période de planning
                        const hasAbsenceDuringPlanning = salarie.absences.some(absence => {
                            const absenceStart = new Date(absence.dateDebut);
                            const absenceEnd = new Date(absence.dateFin);
                            const planningStart = new Date(dateDebut);
                            const planningEnd = new Date(dateFin);
                            const result = (absenceStart <= planningEnd && absenceEnd >= planningStart);
                            console.log(`Absence check for ${salarie.nom}:`, { absenceStart, absenceEnd, planningStart, planningEnd, result });
                            return result;
                        });

                        // Vérifier l'entreprise actuelle
                        const entrepriseActuelleId = salarie.entrepriseActuelleId ? String(salarie.entrepriseActuelleId) : '';
                        const expectedEnterpriseId = String('{{ chantier.entreprise.id }}');
                        const isSameEnterprise = entrepriseActuelleId === expectedEnterpriseId;
                        console.log(`Enterprise check for ${salarie.nom}:`, { entrepriseActuelleId, expectedEnterpriseId, isSameEnterprise });

                        // Vérifier les plannings existants sauf celui en cours de modification
                        const isPlannedElsewhere = salarie.plannings ? salarie.plannings.some(planning => planning.id !== parseInt('{{ planning.id }}', 10)) : false;
                        console.log(`Planning check for ${salarie.nom}:`, { isPlannedElsewhere });

                        // Cacher le salarié si l'une des conditions est remplie, sauf s'il est déjà sélectionné
                        console.log(`Conditions for ${salarie.nom}:`, { hasAbsenceDuringPlanning, isSameEnterprise, isPlannedElsewhere, isChecked });
                        if (hasAbsenceDuringPlanning || !isSameEnterprise || (isPlannedElsewhere && !isChecked)) {
                            console.log(`Hiding salarie: ${salarie.nom} ${salarie.prenom}`);
                            return;
                        }

                        console.log(`Displaying salarie: ${salarie.nom} ${salarie.prenom}`);
                        const row = document.createElement('tr');
                        row.innerHTML = `
                            <td><input type="checkbox" class="salarie-checkbox" value="${salarie.id}" ${isChecked ? 'checked' : ''}></td>
                            <td>${salarie.nom}</td>
                            <td>${salarie.prenom}</td>
                            <td>${salarie.posteActuel}</td>
                            <td>${salarie.entrepriseActuelle}</td>
                            <td>${salarie.absences.map(a => `Absences du <strong>${new Date(a.dateDebut).toLocaleDateString()}</strong> au <strong>${new Date(a.dateFin).toLocaleDateString()}</strong>`).join('<br>')}</td>
                        `;
                        tableBody.appendChild(row);
                    });
                })
                .catch(error => {
                    console.error("Error fetching salaries:", error);
                });
        }

        // Reste du code inchangé pour ajouter des écouteurs d'événements et initialiser la table
        document.getElementById('modifier_planning_form_chantier').addEventListener('change', function() {
            const chantierId = this.value;
            if (chantierId) {
                const dateDebut = document.getElementById('modifier_planning_form_dateDebut').value;
                const plageDebut = document.getElementById('modifier_planning_form_plageDebut').value;
                const dateFin = document.getElementById('modifier_planning_form_dateFin').value;
                const plageFin = document.getElementById('modifier_planning_form_plageFin').value;
                const planningId = '{{ planning.id }}'; // Assurez-vous que cette variable est correctement passée
                fetchSalaries(chantierId, dateDebut, plageDebut, dateFin, plageFin, planningId);
            }
        });

        ['modifier_planning_form_dateDebut', 'modifier_planning_form_plageDebut', 'modifier_planning_form_dateFin', 'modifier_planning_form_plageFin'].forEach(id => {
            document.getElementById(id).addEventListener('change', function() {
                const chantierId = document.getElementById('modifier_planning_form_chantier').value;
                const dateDebut = document.getElementById('modifier_planning_form_dateDebut').value;
                const plageDebut = document.getElementById('modifier_planning_form_plageDebut').value;
                const dateFin = document.getElementById('modifier_planning_form_dateFin').value;
                const plageFin = document.getElementById('modifier_planning_form_plageFin').value;
                const planningId = '{{ planning.id }}'; // Assurez-vous que cette variable est correctement passée
                if (chantierId) {
                    fetchSalaries(chantierId, dateDebut, plageDebut, dateFin, plageFin, planningId);
                }
            });
        });

        // Initial fetch to populate the salaries table if chantier is already selected
        window.addEventListener('load', function() {
            const chantierId = document.getElementById('modifier_planning_form_chantier').value;
            if (chantierId) {
                const dateDebut = document.getElementById('modifier_planning_form_dateDebut').value;
                const plageDebut = document.getElementById('modifier_planning_form_plageDebut').value;
                const dateFin = document.getElementById('modifier_planning_form_dateFin').value;
                const plageFin = document.getElementById('modifier_planning_form_plageFin').value;
                const planningId = '{{ planning.id }}'; // Assurez-vous que cette variable est correctement passée
                fetchSalaries(chantierId, dateDebut, plageDebut, dateFin, plageFin, planningId);
            }
        });
    </script>
{% endblock %}