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

{% block title %}Détails salarié{% endblock %}
{% block header %}
    {{parent()}}
    {{ encore_entry_link_tags('calendarStyle') }}
{% endblock %}
{% block stylesheets %}

{% 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>Informations sur {{ salarie.titre }} {{ salarie.nom }} {{ salarie.prenom }}</h1>
                    </div>
                </div>
            </div>

            <div class="row">
                <!-- Colonne gauche pour les informations générales -->
                <div class="col-md-6">
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="card-title">Informations générales</h5>
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <tbody style="vertical-align: middle;">
                                        <tr>
                                            <th>Titre</th>
                                            <td>{{ salarie.titre }}</td>
                                        </tr>
                                        <tr>
                                            <th>Nom</th>
                                            <td>{{ salarie.nom }}</td>
                                        </tr>
                                        <tr>
                                            <th>Prénom</th>
                                            <td>{{ salarie.prenom }}</td>
                                        </tr>
                                        {% set champs = [
                                            {'label': 'Adresse', 'valeurs': [salarie.adresse1, salarie.adresse2]},
                                            {'label': 'Code Postal', 'valeur': salarie.codePostal},
                                            {'label': 'Ville', 'valeur': salarie.ville},
                                            {'label': 'Email', 'valeur': salarie.mailPro},
                                            {'label': 'Téléphone', 'valeur': salarie.telPro},
                                            {'label': 'Téléphone personnel', 'valeur': salarie.telPerso},
                                            {'label': 'Date de Naissance', 'valeur': salarie.dateNaissance ? salarie.dateNaissance|date('d/m/Y') : 'Non renseignée'},
                                            {'label': 'Date d\'Entrée en Société', 'valeur': salarie.dateEntreeSociete ? salarie.dateEntreeSociete|date('d/m/Y') : 'Non renseignée'},
                                            {'label': 'Numéro de Sécurité Sociale', 'valeur': numSecu},
                                            {'label': 'Situation Familiale', 'valeur': salarie.situationFamiliale},
                                            {'label': 'Mutuelle d\'entreprise', 'valeur': salarie.mutuelle ? 'Oui' : 'Non'},
                                            {'label': 'Responsable Hiérarchique', 'valeur': dernierContrat.responsableHierarchique}
                                        ] %}

                                        {% for champ in champs %}
                                            {% if champ.valeur is defined and champ.valeur is not null and champ.valeur|length > 0 %}
                                                <tr>
                                                    <th>{{ champ.label }}</th>
                                                    <td>
                                                        {% if champ.valeurs is defined and champ.valeurs is iterable %}
                                                            {{ champ.valeurs|join('<br>') }}
                                                        {% else %}
                                                            {{ champ.valeur|raw }}
                                                        {% endif %}
                                                    </td>
                                                    
                                                </tr>
                                            {% endif %}
                                        {% endfor %}

                                        <tr>
                                            <th>Entreprise</th>
                                            <td><a href="{{ path('details_entreprise', {'id': dernierContrat.entreprise.id}) }}">{{ dernierContrat.entreprise.nom }}</a></td>
                                        </tr>
                                        <tr>
                                            <th>Contrat actuel</th>
                                            <td style="overflow: hidden;">
                                                <div style="float: left;">
                                                    {{ dernierContrat.typeContrat }}  
                                                </div>
                                    </tbody>
                                </table>
                            </div>
                            <div class="d-flex justify-content-center mt-3">
                                <a href="{{ path('modifier_salarie', {'id': salarie.id}) }}" class="modifier-custom" style="padding: 0px 5px;margin-right:2px;">
                                    <i class="ri-edit-line"></i> Modifier
                                </a>
                                <a href="{{ path('supprimer_salarie', {'id': salarie.id}) }}" class="supprimer-custom" style="padding: 0px 5px;">
                                    <i class="ri-delete-bin-line"></i> Supprimer
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Colonne droite pour les autres informations -->
                <div class="col-md-6">
                    <!-- Contrats -->
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="card-title">Contrats</h5>
                            <ul class="list-unstyled">
                                <table>
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th></th>
                                            <th style="padding-right: 20px"></th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    
                                        {% for contrat in contrats %}
                                            <tr>
                                                <td>{{ contrat.intitulePoste }}</td>
                                                <td>
                                                    {% if contrat.dateFin is null %}
                                                        depuis le {{ contrat.dateDebut|date('d/m/Y') }}
                                                    {% else %}
                                                        jusqu'au {{ contrat.dateFin|date('d/m/Y') }}
                                                    {% endif %}
                                                </td>
                                                <td></td>
                                                <td>
                                                    <a href="{{ path('modifier_contrat_salarie', {'id': salarie.id, 'contratId': contrat.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                        <i class="ri-edit-line"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                                <a href="{{ path('ajouter_contrat_salarie', {'id': salarie.id}) }}" class="ajouter-custom" style="padding: 0px 5px;">
                                    <i class="ri-add-line"></i> Ajouter un contrat
                                </a>
                            </ul>
                        </div>
                    </div>

                    {% if dernierContrat.typeContrat != 'interimaire' %}
                        <!-- Avantages -->
                        <div class="card mb-4">
                            <div class="card-body">
                                <h5 class="card-title">Avantages</h5>
                                {% if salarie.avantages|length > 0 and salarie.avantages.dateDelete is null %}
                                    <ul class="list-group">
                                        {% for avantage in avantages %}
                                            <li class="list-group-item">
                                                {% if avantage.vehiculeEntreprise is not null %}
                                                    <strong>Type de Véhicule :</strong> {{ avantage.vehiculeEntreprise.typeVehicule }}<br>
                                                    <strong>Immatriculation :</strong> {{ avantage.vehiculeEntreprise.immatriculation }}<br>
                                                {% endif %}
                                                {% if avantage.badgeTelepeage is not empty %}
                                                    <strong>Badge Télépéage :</strong> {{ avantage.badgeTelepeage }}<br>
                                                {% endif %}
                                                {% if avantage.carteTotal is not empty %}
                                                    <strong>Carte Total :</strong> {{ avantage.carteTotal }}<br>
                                                {% endif %}
                                                {% if avantage.device is not empty %}
                                                    <strong>Appareils :</strong> {{ avantage.device }}<br>
                                                {% endif %}
                                                {% if avantage.materiels is not empty %}
                                                    <strong>Matériels :</strong> {{ avantage.materiels }}<br>
                                                {% endif %}
                                                <div class="mt-2">
                                                    <a href="{{ path('modifier_avantages_salarie', {'idAvantages': avantage.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                        <i class="ri-edit-line"></i> Modifier
                                                    </a>
                                                    <a href="{{ path('supprimer_avantages_salarie', {'idAvantages': avantage.id}) }}" class="supprimer-custom" style="padding: 0px 5px;">
                                                        <i class="ri-delete-bin-line"></i> Supprimer
                                                    </a>
                                                </div>
                                            </li>
                                        {% endfor %}
                                    </ul>
                                {% else %}
                                    <p>Aucun avantage trouvé</p>
                                {% endif %}
                                <a href="{{ path('ajouter_avantage_salarie', {'id': salarie.id}) }}" class="ajouter-custom" style="padding: 0px 5px;">
                                    <i class="ri-add-line"></i> Ajouter un avantage
                                </a>
                            </div>
                        </div>
                    {% endif %}

                    <!-- Visites Médicales -->
                    <div class="card mb-4">
                        <div class="card-body">
                            <h5 class="card-title">Visites Médicales</h5>
                            {% if visitesMedicales is not null %}
                                <ul class="list-unstyled">
                                    {% for visiteMedicale in visitesMedicales %}
                                        {% if visiteMedicale.visitesPrecedentes == false %}
                                            <li class="visite-actuelle">
                                                <strong>Dernière visite:</strong>
                                            </li>
                                            <li class="visite-actuelle">Date: {{ visiteMedicale.dateDerniere|date('d/m/Y') }}</li>
                                            <li class="visite-actuelle">État: {{ visiteMedicale.etat }}</li>
                                            <li class="visite-actuelle">Commentaire: {{ visiteMedicale.commentaire }}</li>
                                            <li>
                                                <a href="{{ path('modifier_visite_medicale', {'id': salarie.id, 'visiteId': visiteMedicale.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                    <i class="ri-edit-line">Modifier la dernière visite</i>
                                                </a>
                                            </li>
                                        {% endif %}
                                    {% endfor %}
                                </ul>
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Visite(s) précédente(s)</th>
                                            <th></th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for visiteMedicale in visitesMedicales %}
                                            {% if visiteMedicale.visitesPrecedentes == true %}
                                                <tr>
                                                    <td>
                                                        <div style="padding-right: 35%; display: inline-block;">{{ visiteMedicale.dateDerniere|date('d/m/Y') }}</div>
                                                    </td>
                                                    <td>
                                                        <div style="display: inline-block;">{{ visiteMedicale.etat }}</div>
                                                    </td>
                                                    <td>
                                                        <a href="{{ path('modifier_visite_medicale', {'id': salarie.id, 'visiteId': visiteMedicale.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                            <i class="ri-edit-line"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            {% endif %}
                                        {% endfor %}
                                    </tbody>
                                </table>
                            {% endif %}
                            <a href="{{ path('ajouter_visite_medicale', {'id': salarie.id}) }}" class="ajouter-custom" style="padding: 0px 5px;">
                                <i class="ri-add-line"></i> Ajouter une visite médicale
                            </a>
                        </div>
                    </div>

                    {% if dernierContrat.typeContrat != 'interimaire' %}
                        <!-- Enfants -->
                        <div class="card mb-4">
                            <div class="card-body">
                                <h5 class="card-title">Enfants</h5>
                                <div class="table-responsive">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Nom</th>
                                                <th>Prénom</th>
                                                <th>Date de Naissance</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody style="vertical-align: middle;">
                                            {% for enfant in salarie.enfant %}
                                                {% if enfant.dateDelete is null %}
                                                    <tr>
                                                        <td>{{ enfant.nom }}</td>
                                                        <td>{{ enfant.prenom }}</td>
                                                        <td>{{ enfant.dateNaissance|date('d/m/Y') }}</td>
                                                        <td>
                                                            <a href="{{ path('modifier_enfant_salarie', {'idEnfant': enfant.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                                <i class="ri-edit-line"></i>
                                                            </a>
                                                            <a href="{{ path('supprimer_enfant_salarie', {'idEnfant': enfant.id}) }}" class="supprimer-custom" style="padding: 0px 5px;">
                                                                <i class="ri-delete-bin-line"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                {% endif %}
                                            {% endfor %}
                                            {% if salarie.enfant|length == 0 %}
                                                <tr>
                                                    <td colspan="4" class="text-center">Aucun enfant trouvé</td>
                                                </tr>
                                            {% endif %}
                                        </tbody>
                                    </table>
                                </div>
                                <a href="{{ path('ajouter_enfant_salarie', {'id': salarie.id}) }}" class="ajouter-custom" style="padding: 0px 5px;">
                                    <i class="ri-add-line"></i> Ajouter un enfant
                                </a>
                            </div>
                        </div>
                    {% endif %}
                </div>

  {% if dernierContrat.typeContrat != 'interimaire' %}
                <!-- Absences -->
                <div class="col-md-12">
                    <!-- Calendrier des Absences -->
                    <div class="card">
                        <div class="card-body">
                            <h3 class="card-title">Synthèse des Absences</h3>
                            <div id="calendar" data-salarie-id="{{ salarie.id }}"></div>
                        </div>
                        <div class="card-body">
                            <h5 class="card-title">Absences</h5>
                            <div class="table-responsive">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Libellé</th>
                                            <th>Type</th>
                                            <th>Date de Début</th>
                                            <th>Date de Fin</th>
                                            <th class="no-sort" style="text-align:right;"></th>
                                        </tr>
                                    </thead>
                                    <tbody style="vertical-align: middle;">
                                        {% for absence in absences %}
                                            <tr>
                                                <td>{{ absence.libelle }}</td>
                                                <td>{{ absenceTypes[absence.type] }}</td>
                                                <td>{{ absence.dateDebut|date('d/m/Y') }} {{ absence.heureDebut|date('H:i:s') }}</td>
                                                <td>{{ absence.dateFin|date('d/m/Y') }} {{ absence.heureFin|date('H:i:s') }}</td>
                                                <td style="text-align:right;">
                                                    <ul class="list-inline">
                                                        <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>
                                            </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div> 
                    </div>
                </div>
{% endif %}
                <!-- Bouton Retour -->
                <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>
{% endblock %}

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