{% set action_labels = {todo:['À faire','blue'], in_progress:['En cours','orange'], planned:['Planifiée','teal'], completed:['Terminée','green']} %}
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3 mb-3"><div class="d-flex flex-wrap align-items-center gap-2"><h2 class="mb-0">Actions de suivi RH</h2><span class="mv-count">{{ actions|length }} action{{ actions|length != 1 ? 's' : '' }}</span><button class="btn btn-sm btn-dark" data-action-filter="all" data-action="medical-visit-detail#filterActions">Toutes</button><button class="btn btn-sm btn-outline-warning" data-action-filter="todo" data-action="medical-visit-detail#filterActions">À faire</button><button class="btn btn-sm btn-outline-success" data-action-filter="completed" data-action="medical-visit-detail#filterActions">Terminées</button></div><button type="button" class="btn btn-sm btn-primary" data-action="medical-visit-detail#toggleAction"><i class="ti ti-plus"></i> Nouvelle action</button></div>
<div class="mv-action-progress mb-4"><div><strong>Progression globale des actions</strong><b>{{ completed_actions_count }} / {{ actions|length }} terminée{{ completed_actions_count != 1 ? 's' : '' }}</b></div><div class="progress"><div class="progress-bar bg-success" style="width:{{ actions|length ? (completed_actions_count/actions|length*100)|round : 0 }}%"></div></div></div>
<form method="post" action="{{ path('medical_visit_follow_up_create',{id:visit.id}) }}" class="mv-inline-form d-none mb-4" data-medical-visit-detail-target="actionForm"><input type="hidden" name="_token" value="{{ csrf_token('medical_visit_follow_up_create_'~visit.id) }}"><div><label class="form-label">Action administrative</label><input required class="form-control" name="title" placeholder="Ex : Planifier une visite complémentaire"></div><div><label class="form-label">Échéance</label><input class="form-control" type="date" name="dueDate"></div><div class="flex-grow-1"><label class="form-label">Description</label><input class="form-control" name="description" placeholder="Description strictement administrative"></div><button class="btn btn-primary align-self-end">Créer</button></form>
<div class="mv-actions">{% for action in actions %}{% set info = action_labels[action.status]|default([action.status,'slate']) %}<article class="is-{{ info[1] }}" data-medical-visit-detail-target="actionCard" data-status="{{ action.status }}"><header><span class="mv-detail-icon is-{{ info[1] }}"><i class="ti {{ action.status == 'completed' ? 'ti-circle-check' : 'ti-list-check' }}"></i></span><div><h3>{{ action.title }}</h3><p>Action RH · Suivi administratif</p></div><span class="mv-detail-chip is-{{ info[1] }}">{{ info[0] }}</span></header><div class="card-body"><div class="mv-action-meta"><span>Responsable <b>{{ action.owner ?: 'Non attribué' }}</b></span><span>Échéance <b class="{{ action.dueDate and action.dueDate < date() and action.status != 'completed' ? 'text-danger' : '' }}">{{ action.dueDate ? action.dueDate|date('d/m/Y') : 'À définir' }}</b></span><span>Créée le <b>{{ action.createdAt|date('d/m/Y') }}</b></span><span>Terminée le <b>{{ action.completedAt ? action.completedAt|date('d/m/Y à H:i') : '—' }}</b></span></div><div class="mv-action-description"><small>Description de l’action</small>{{ action.description ?: 'Aucune description administrative renseignée.' }}</div></div><footer>{% if action.status != 'completed' %}<form method="post" action="{{ path('medical_visit_follow_up_complete',{id:action.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('medical_visit_follow_up_complete_'~action.id) }}"><button class="btn btn-sm btn-success"><i class="ti ti-circle-check"></i> Marquer terminée</button></form>{% else %}<span class="text-success"><i class="ti ti-circle-check"></i> Action terminée</span>{% endif %}</footer></article>{% else %}<div class="mv-empty">Aucune action de suivi. Utilisez « Nouvelle action » pour démarrer le suivi.</div>{% endfor %}<div class="mv-empty d-none" data-medical-visit-detail-target="actionEmpty">Aucune action pour ce filtre.</div></div>