{% extends '@App/app.html.twig' %}
{% block title %}Visite médicale VM-{{ '%06d'|format(visit.id) }}{% 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 reference = 'VM-' ~ '%06d'|format(visit.id) %}
{% set statuses = {draft:['Brouillon','secondary'], to_schedule:['À planifier','warning'], scheduled:['Planifiée','primary'], overdue:['En retard','danger'], completed:['Réalisée','success'], cancelled:['Annulée','danger']} %}
{% set result_labels = {not_received:'Non reçu', received:'Reçu', fit:'Apte', fit_with_restrictions:'Apte avec restrictions', unfit:'Inapte', follow_up_required:'Suivi requis', not_applicable:'Non applicable'} %}
{% set status = statuses[visit.status]|default([visit.status,'secondary']) %}
<div class="mv-detail container-fluid px-0" data-controller="medical-visit-detail" data-medical-visit-detail-active-tab-value="{{ active_tab }}">
    <header class="d-flex flex-column flex-xl-row justify-content-between gap-3 mb-4">
        <div><div class="mv-detail-breadcrumb mb-3">Santé au travail <i class="ti ti-chevron-right"></i> Visites médicales <i class="ti ti-chevron-right"></i> <b>{{ reference }}</b></div><div class="d-flex align-items-center gap-3 mb-1"><a href="{{ path('medical_visit_index') }}" class="mv-detail-back"><i class="ti ti-arrow-left"></i> Retour liste</a><span>·</span><code>{{ reference }}</code></div><h1>Visite médicale {{ reference }}</h1><p>Dossier de suivi administratif — <b>Santépro</b></p></div>
        <div class="d-flex flex-wrap align-self-xl-center gap-2"><a href="{{ path('medical_visit_edit',{id:visit.id}) }}" class="btn btn-light border"><i class="ti ti-pencil"></i> Modifier</a><a href="{{ path('medical_visit_edit',{id:visit.id}) }}" class="btn btn-light border"><i class="ti ti-calendar-event text-warning"></i> Replanifier</a>{% if visit.status != 'completed' %}<form method="post" action="{{ path('medical_visit_complete',{id:visit.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('medical_visit_complete_'~visit.id) }}"><input type="hidden" name="resultStatus" value="{{ visit.resultStatus }}"><button class="btn btn-success"><i class="ti ti-circle-check"></i> Marquer réalisée</button></form>{% endif %}<button type="button" class="btn btn-primary" data-action="medical-visit-detail#openUpload"><i class="ti ti-paperclip"></i> Ajouter un document</button><button type="button" class="btn btn-light border" data-action="medical-visit-detail#openAction"><i class="ti ti-list-check text-success"></i> Créer une action</button>{% if visit.status != 'cancelled' %}<form method="post" action="{{ path('medical_visit_cancel',{id:visit.id}) }}" onsubmit="return confirm('Confirmer l’annulation de cette visite ?')"><input type="hidden" name="_token" value="{{ csrf_token('medical_visit_cancel_'~visit.id) }}"><button class="btn btn-outline-danger"><i class="ti ti-x"></i> Annuler</button></form>{% endif %}</div>
    </header>

    <section class="card mv-visit-synthesis mb-4"><header><span class="mv-detail-icon"><iconify-icon icon="solar:stethoscope-bold-duotone"></iconify-icon></span><div><h2>Synthèse de la visite</h2><p>Informations administratives de planification</p></div><span class="mv-detail-status is-{{ status[1] }}"><i></i>{{ status[0] }}</span></header><div class="mv-synthesis-grid"><div><small>Salarié</small><strong>{{ visit.salarie }}</strong></div><div><small>Type</small><span class="mv-detail-chip is-purple">{{ visit.visitType.nom }}</span></div><div><small>Date prévue</small><strong>{{ visit.scheduledAt ? visit.scheduledAt|date('d/m/Y') : 'À définir' }}</strong><span>{{ visit.scheduledAt ? visit.scheduledAt|date('H\hi') : '' }}</span></div><div><small>Échéance</small><strong class="{{ visit.dueDate and visit.dueDate < date() ? 'text-danger' : '' }}">{{ visit.dueDate ? visit.dueDate|date('d/m/Y') : 'À définir' }}</strong></div><div><small>Prestataire</small><strong>{{ visit.provider ? visit.provider.nom : 'Non défini' }}</strong><span>{{ visit.provider ? 'Service de prévention' : '' }}</span></div><div><small>Résultat admin.</small><span class="mv-detail-chip">{{ result_labels[visit.resultStatus]|default(visit.resultStatus) }}</span></div><div><small>Source</small>{% if visit.sourceSickLeave %}<a href="{{ path('sick_leave_show',{id:visit.sourceSickLeave.id}) }}"><i class="ti ti-link"></i> Arrêt #{{ visit.sourceSickLeave.id }}</a>{% else %}<strong>{{ visit.sourceEvent ?: 'Création manuelle' }}</strong>{% endif %}</div><div><small>Créée le</small><strong>{{ visit.createdAt|date('d/m/Y') }}</strong><span>{{ visit.createdBy ?: 'Système' }}</span></div></div></section>

    <section class="card mv-detail-workspace">
        <nav class="mv-detail-tabs" role="tablist">{% set tabs = [{id:'summary',icon:'ti-clipboard-text',label:'Résumé'}, {id:'documents',icon:'ti-folder',label:'Documents',count:documents|length}, {id:'result',icon:'ti-file-description',label:'Résultat administratif'}, {id:'actions',icon:'ti-list-check',label:'Actions de suivi',count:actions|length}, {id:'history',icon:'ti-git-branch',label:'Historique'}] %}{% for tab in tabs %}<button type="button" role="tab" class="{{ active_tab == tab.id ? 'active' : '' }}" data-tab="{{ tab.id }}" data-medical-visit-detail-target="tab" data-action="medical-visit-detail#switchTab"><i class="ti {{ tab.icon }}"></i>{{ tab.label }}{% if tab.count is defined %}<span>{{ tab.count }}</span>{% endif %}</button>{% endfor %}</nav>
        <div class="mv-detail-pane {{ active_tab == 'summary' ? '' : 'd-none' }}" data-pane="summary" data-medical-visit-detail-target="pane">{% include '@MedicalVisit/medical_visit/_summary.html.twig' %}</div>
        <div class="mv-detail-pane {{ active_tab == 'documents' ? '' : 'd-none' }}" data-pane="documents" data-medical-visit-detail-target="pane">{% include '@MedicalVisit/medical_visit/_documents.html.twig' %}</div>
        <div class="mv-detail-pane {{ active_tab == 'result' ? '' : 'd-none' }}" data-pane="result" data-medical-visit-detail-target="pane">{% include '@MedicalVisit/medical_visit/_result.html.twig' %}</div>
        <div class="mv-detail-pane {{ active_tab == 'actions' ? '' : 'd-none' }}" data-pane="actions" data-medical-visit-detail-target="pane">{% include '@MedicalVisit/medical_visit/_follow_up.html.twig' %}</div>
        <div class="mv-detail-pane {{ active_tab == 'history' ? '' : 'd-none' }}" data-pane="history" data-medical-visit-detail-target="pane">{% include '@MedicalVisit/medical_visit/_history.html.twig' %}</div>
    </section>
</div>
{% endblock %}