{% extends '@App/app.html.twig' %}

{% macro avatar(employee, size = 'md') %}
    {% set photo = employee.photo ? employee.photo|trim : null %}
    {% set src = photo ? (photo starts with 'http://' or photo starts with 'https://' ? photo : asset(photo starts with '/' ? photo|slice(1) : photo)) : null %}
    <span class="health-avatar health-avatar--{{ size }}"{% if src %} style="background-image:url('{{ src|e('html_attr') }}')"{% endif %}>
        {% if not src %}{{ employee.prenom|default('')|first|upper }}{{ employee.nom|default('')|first|upper }}{% endif %}
    </span>
{% endmacro %}

{% macro employee_meta(employee) %}
    {{ employee.service ?: employee.poste ?: 'Service non renseigné' }}{% if employee.typeCollaborateur %} · {{ employee.typeCollaborateur }}{% endif %}
{% endmacro %}

{% import _self as health %}

{% block title %}Tableau de bord santé au travail{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('vendor/matdash/libs/bootstrap/dist/css/bootstrap.min.css') }}">
    {{ parent() }}
{% endblock %}
{% block page_header %}{% endblock %}

{% block content %}
    {% set visit_statuses = {
        draft: ['À préparer', 'warning'],
        to_schedule: ['À planifier', 'warning'],
        scheduled: ['Planifiée', 'success'],
        overdue: ['En retard', 'danger'],
        completed: ['Terminée', 'success'],
        cancelled: ['Annulée', 'secondary']
    } %}
    {% set leave_statuses = {
        declared: ['Déclaré', 'info'], waiting_document: ['Document manquant', 'warning'],
        document_received: ['Justificatif reçu', 'success'], validated: ['En cours', 'purple'],
        extended: ['Prolongé', 'warning'], return_pending: ['Reprise à préparer', 'info']
    } %}
    {% set activity_labels = {
        medical_visit_created: 'Visite créée', medical_visit_updated: 'Visite mise à jour',
        medical_visit_scheduled: 'Visite planifiée', medical_visit_completed: 'Visite terminée',
        medical_visit_cancelled: 'Visite annulée', medical_visit_document_uploaded: 'Document téléversé',
        follow_up_created: 'Action de suivi créée', follow_up_completed: 'Action de suivi terminée'
    } %}
    {% set kpi_cards = [
        {value: kpis.to_schedule, label: 'Visites à planifier', badge: 'À planifier', icon: 'solar:calendar-add-bold-duotone', tone: 'orange'},
        {value: kpis.scheduled, label: 'Visites à venir', badge: 'Planifiées', icon: 'solar:calendar-mark-bold-duotone', tone: 'blue'},
        {value: kpis.overdue, label: 'Visites en retard', badge: 'Critique', icon: 'solar:danger-triangle-bold-duotone', tone: 'red'},
        {value: kpis.active_sick_leaves, label: 'Arrêts en cours', badge: 'En cours', icon: 'solar:bed-bold-duotone', tone: 'purple'},
        {value: kpis.returns, label: 'Reprises à préparer', badge: 'À préparer', icon: 'solar:walking-round-bold-duotone', tone: 'teal'},
        {value: kpis.missing_documents, label: 'Documents manquants', badge: 'Manquants', icon: 'solar:documents-minimalistic-bold-duotone', tone: 'amber'}
    ] %}

    <div class="health-dashboard container-fluid px-0" data-controller="medical-visit-dashboard">
        <header class="d-flex flex-column flex-xl-row align-items-xl-center justify-content-between gap-3 mb-4">
            <div>
                <div class="health-breadcrumb d-flex align-items-center gap-2 mb-2">
                    <span>Santé au travail</span><i class="ti ti-chevron-right"></i><strong>Tableau de bord</strong>
                </div>
                <h1 class="mb-1">Tableau de bord santé au travail</h1>
                <p class="mb-0 text-muted">Suivi opérationnel des visites médicales, arrêts et reprises</p>
            </div>
            <div class="d-flex flex-wrap gap-2">
                <a class="btn btn-primary health-btn" href="{{ path('medical_visit_new') }}"><i class="ti ti-plus"></i> Nouvelle visite</a>
                <a class="btn btn-light border health-btn" href="{{ path('sick_leave_new') }}"><iconify-icon icon="solar:medical-kit-bold-duotone"></iconify-icon> Déclarer un arrêt</a>
                <a class="btn btn-light border health-btn" href="{{ path('medical_visit_export_index') }}"><i class="ti ti-download"></i> Exporter</a>
            </div>
        </header>

        <section class="row g-3 health-kpis mb-4" aria-label="Indicateurs santé au travail">
            {% for card in kpi_cards %}
                <div class="col-6 col-md-4 col-xl-2">
                    <article class="card health-kpi health-tone-{{ card.tone }} h-100">
                        <div class="card-body p-3">
                            <div class="d-flex align-items-center justify-content-between gap-2 mb-3">
                                <span class="health-icon"><iconify-icon icon="{{ card.icon }}"></iconify-icon></span>
                                <span class="health-pill">{{ card.badge }}</span>
                            </div>
                            <strong class="health-kpi__value">{{ card.value }}</strong>
                            <span class="health-kpi__label">{{ card.label }}</span>
                        </div>
                    </article>
                </div>
            {% endfor %}
        </section>

        <div class="row g-4 align-items-start">
            <div class="col-12 col-xl-8">
                <section class="card health-panel mb-4">
                    <div class="card-header bg-white d-flex flex-wrap align-items-center justify-content-between gap-3">
                        <div class="d-flex align-items-center gap-3">
                            <span class="health-panel__icon health-tone-teal"><iconify-icon icon="solar:stethoscope-bold-duotone"></iconify-icon></span>
                            <div><h2>Visites médicales à traiter</h2><p>{{ visits_to_handle_count }} visite{{ visits_to_handle_count > 1 ? 's' : '' }} nécessite{{ visits_to_handle_count > 1 ? 'nt' : '' }} une action</p></div>
                        </div>
                        <div class="d-flex align-items-center gap-2">
                            <a href="{{ path('medical_visit_calendar') }}" class="health-link">Voir tout</a>
                            <select class="form-select form-select-sm health-filter" aria-label="Filtrer les visites" data-medical-visit-dashboard-target="filter" data-action="change->medical-visit-dashboard#filter">
                                <option value="all">Toutes</option><option value="to_schedule">À planifier</option><option value="overdue">En retard</option><option value="scheduled">Planifiées</option>
                            </select>
                        </div>
                    </div>
                    <div class="table-responsive">
                        <table class="table health-table align-middle mb-0">
                            <thead><tr><th>Salarié</th><th>Type</th><th>Échéance</th><th>Statut</th><th>Priorité</th><th class="text-end">Action</th></tr></thead>
                            <tbody>
                            {% for visit in visits_to_handle %}
                                {% set status_data = visit_statuses[visit.status]|default([visit.status, 'secondary']) %}
                                {% set is_late = visit.status == 'overdue' or (visit.dueDate and visit.dueDate < today and visit.status not in ['completed', 'cancelled']) %}
                                {% set filter_status = is_late ? 'overdue' : visit.status %}
                                <tr data-medical-visit-dashboard-target="row" data-status="{{ filter_status }}">
                                    <td><div class="d-flex align-items-center gap-2">{{ health.avatar(visit.salarie) }}<div><strong>{{ visit.salarie }}</strong><small>{{ health.employee_meta(visit.salarie) }}</small></div></div></td>
                                    <td><span class="health-type"><iconify-icon icon="{{ visit.visitType.isReturnVisit ? 'solar:walking-round-bold-duotone' : 'solar:user-check-bold-duotone' }}"></iconify-icon>{{ visit.visitType.nom }}</span></td>
                                    <td><strong class="{{ is_late ? 'text-danger' : '' }}">{{ visit.dueDate ? visit.dueDate|date('d/m/Y') : (visit.scheduledAt ? visit.scheduledAt|date('d/m/Y') : 'À définir') }}</strong></td>
                                    <td><span class="health-status health-status--{{ status_data[1] }}"><i></i>{{ status_data[0] }}</span></td>
                                    <td><span class="health-priority health-priority--{{ is_late ? 'danger' : (visit.dueDate and visit.dueDate <= today|date_modify('+7 days') ? 'warning' : 'normal') }}">{{ is_late ? 'Bloquante' : (visit.dueDate and visit.dueDate <= today|date_modify('+7 days') ? 'Urgente' : 'Normale') }}</span></td>
                                    <td class="text-end"><a class="btn btn-sm {{ is_late ? 'btn-danger' : (visit.status in ['draft', 'to_schedule'] ? 'btn-primary' : 'btn-light border') }}" href="{{ path(visit.status in ['draft', 'to_schedule'] ? 'medical_visit_edit' : 'medical_visit_show', {id: visit.id}) }}"><i class="ti {{ visit.status in ['draft', 'to_schedule'] ? 'ti-calendar-plus' : 'ti-eye' }}"></i> {{ visit.status in ['draft', 'to_schedule'] ? 'Planifier' : 'Voir' }}</a></td>
                                </tr>
                            {% else %}
                                <tr><td colspan="6" class="health-empty">Aucune visite ne nécessite d’action.</td></tr>
                            {% endfor %}
                                <tr class="d-none" data-medical-visit-dashboard-target="empty"><td colspan="6" class="health-empty">Aucune visite pour ce filtre.</td></tr>
                            </tbody>
                        </table>
                    </div>
                </section>

                <section class="card health-panel">
                    <div class="card-header bg-white d-flex align-items-center justify-content-between gap-3">
                        <div class="d-flex align-items-center gap-3"><span class="health-panel__icon health-tone-purple"><iconify-icon icon="solar:bed-bold-duotone"></iconify-icon></span><div><h2>Arrêts maladie en cours</h2><p>{{ kpis.active_sick_leaves }} arrêt{{ kpis.active_sick_leaves > 1 ? 's' : '' }} actif{{ kpis.active_sick_leaves > 1 ? 's' : '' }} · Suivi administratif uniquement</p></div></div>
                        <a href="{{ path('sick_leave_index') }}" class="health-link">Voir tout ({{ kpis.active_sick_leaves }})</a>
                    </div>
                    <div class="table-responsive">
                        <table class="table health-table align-middle mb-0">
                            <thead><tr><th>Salarié</th><th>Type administratif</th><th>Début</th><th>Fin prévue</th><th>Statut</th><th class="text-end">Action</th></tr></thead>
                            <tbody>
                            {% for leave in active_sick_leaves %}
                                {% set status_data = leave_statuses[leave.status]|default([leave.status, 'secondary']) %}
                                {% set late = leave.endDate and leave.endDate < today %}
                                <tr>
                                    <td><div class="d-flex align-items-center gap-2">{{ health.avatar(leave.salarie) }}<div><strong>{{ leave.salarie }}</strong><small>{{ health.employee_meta(leave.salarie) }}</small></div></div></td>
                                    <td><span class="health-admin-type {{ leave.isExtension ? 'is-extension' : '' }}">{{ leave.isExtension ? 'Prolongation' : leave.type.nom }}</span></td>
                                    <td>{{ leave.startDate|date('d/m/Y') }}</td>
                                    <td><strong class="{{ late ? 'text-danger' : '' }}">{{ leave.endDate ? leave.endDate|date('d/m/Y') : 'Non définie' }}</strong>{% if late %}<small class="d-inline text-danger"> dépassée</small>{% endif %}</td>
                                    <td><span class="health-status health-status--{{ status_data[1] }}"><i></i>{{ status_data[0] }}</span></td>
                                    <td class="text-end"><a class="health-link {{ late ? 'text-danger' : '' }}" href="{{ path('sick_leave_show', {id: leave.id}) }}">{{ late ? 'Traiter' : 'Gérer' }}</a></td>
                                </tr>
                            {% else %}<tr><td colspan="6" class="health-empty">Aucun arrêt en cours.</td></tr>{% endfor %}
                            </tbody>
                        </table>
                    </div>
                </section>
            </div>

            <aside class="col-12 col-xl-4">
                <section class="health-confidentiality mb-4">
                    <span class="health-panel__icon health-tone-blue"><iconify-icon icon="solar:shield-check-bold-duotone"></iconify-icon></span>
                    <div><h2>Confidentialité des données</h2><p><strong>Ne renseignez aucune information médicale, diagnostic, pathologie ou traitement.</strong> Cette application conserve uniquement les informations administratives nécessaires au suivi RH.</p><small><i class="ti ti-lock"></i> Données protégées · RGPD · Secret médical</small></div>
                </section>

                <section class="card health-panel mb-4">
                    <div class="card-header bg-white d-flex align-items-center justify-content-between"><div class="d-flex align-items-center gap-3"><span class="health-panel__icon health-tone-teal"><iconify-icon icon="solar:walking-round-bold-duotone"></iconify-icon></span><div><h2>Reprises à préparer</h2><p>{{ kpis.returns }} salarié{{ kpis.returns > 1 ? 's' : '' }} en attente</p></div></div><span class="health-count health-tone-teal">{{ kpis.returns }}</span></div>
                    <div class="health-list">
                        {% for process in returns_to_prepare %}
                            {% set return_visit = process.medicalVisit %}
                            <article class="health-list__item">
                                <div class="d-flex align-items-center gap-2">{{ health.avatar(process.salarie) }}<div><strong>{{ process.salarie }}</strong><small>Retour prévu : <b>{{ process.expectedReturnDate ? process.expectedReturnDate|date('d/m/Y') : 'à définir' }}</b></small></div></div>
                                <div class="d-flex align-items-center justify-content-between gap-2 mt-2"><span class="health-mini-pill {{ return_visit ? 'is-success' : 'is-warning' }}">{{ return_visit ? 'Visite planifiée' : 'Visite de reprise à planifier' }}</span><a class="health-link" href="{{ path('sick_leave_return_show', {id: process.id}) }}">{{ return_visit ? 'Voir' : 'Préparer' }}</a></div>
                            </article>
                        {% else %}<p class="health-empty mb-0">Aucune reprise à préparer.</p>{% endfor %}
                    </div>
                </section>

                <section class="card health-panel">
                    <div class="card-header bg-white d-flex align-items-center justify-content-between"><div class="d-flex align-items-center gap-3"><span class="health-panel__icon health-tone-orange"><iconify-icon icon="solar:documents-minimalistic-bold-duotone"></iconify-icon></span><div><h2>Documents manquants</h2><p>{{ kpis.missing_documents }} document{{ kpis.missing_documents > 1 ? 's' : '' }} à réceptionner</p></div></div><span class="health-count health-tone-orange">{{ kpis.missing_documents }}</span></div>
                    <div class="health-documents">
                        {% for document in missing_documents %}
                            <a class="health-document" href="{{ path(document.route, {id: document.route_id}) }}"><span class="health-panel__icon {{ document.critical ? 'health-tone-red' : 'health-tone-orange' }}"><iconify-icon icon="solar:file-text-bold-duotone"></iconify-icon></span><span><strong>{{ document.label }}</strong><small>{{ document.employee }} · attendu{{ document.date ? ' le ' ~ document.date|date('d/m') : '' }}</small></span><b class="{{ document.critical ? 'text-danger' : 'text-warning' }}">{{ document.critical ? 'Urgent' : 'Relancer' }}</b></a>
                        {% else %}<p class="health-empty mb-0">Tous les documents attendus ont été reçus.</p>{% endfor %}
                    </div>
                    {% if kpis.missing_documents > missing_documents|length %}<div class="card-footer bg-white text-center"><a class="health-link" href="{{ path('sick_leave_index') }}">Voir les {{ kpis.missing_documents - missing_documents|length }} autres documents <i class="ti ti-arrow-right"></i></a></div>{% endif %}
                </section>
            </aside>
        </div>

        <section class="card health-panel health-activity mt-4">
            <div class="card-header bg-white d-flex align-items-center justify-content-between"><div class="d-flex align-items-center gap-3"><span class="health-panel__icon health-tone-slate"><iconify-icon icon="solar:history-bold-duotone"></iconify-icon></span><div><h2>Activité récente</h2><p>Journal des actions RH santé</p></div></div></div>
            <div class="card-body pt-2">
                <div class="health-timeline">
                    {% for item in recent_activity %}
                        <article><span class="health-timeline__icon health-tone-{{ cycle(['blue', 'teal', 'purple', 'orange'], loop.index0) }}"><iconify-icon icon="solar:check-circle-bold-duotone"></iconify-icon></span><div><strong>{{ activity_labels[item.action]|default(item.action|replace({'_': ' '})|capitalize) }}</strong><p>{{ item.message ?: 'Action enregistrée dans le dossier administratif.' }}</p><small>{% if item.user %}{{ item.user.prenom }} {{ item.user.nom }}{% else %}Système{% endif %}</small></div><time datetime="{{ item.createdAt|date('c') }}">{{ item.createdAt|date('d/m/Y à H:i') }}</time></article>
                    {% else %}<p class="health-empty mb-0">Aucune activité récente.</p>{% endfor %}
                </div>
            </div>
        </section>
    </div>
{% endblock %}