{% extends '@Routine/routine/layout.html.twig' %}
{% block routine_heading %}{{ task.titleSnapshot }}{% endblock %}
{% block routine_actions %}<a class="capsule-button capsule-button--secondary" href="{{ path('routine_task_index') }}"><i class="ti ti-arrow-left"></i>Retour</a>{% if task.assignedTo and task.assignedTo.id == app.user.id %}<details><summary class="capsule-button capsule-button--secondary"><i class="ti ti-clock-plus"></i>Bloquer du temps</summary><form class="card p-3 mt-2" method="post" action="{{ path('calendar_task_block_time',{source:'routine_task',sourceToken:task.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_time_block_create_' ~ task.idtoken) }}"><input required class="form-control mb-2" type="datetime-local" name="block[startsAt]"><input required class="form-control mb-2" type="number" min="15" max="1440" step="15" name="block[durationMinutes]" value="60"><input type="hidden" name="block[timeZone]" value="Europe/Paris"><button class="capsule-button capsule-button--primary">Ajouter</button></form></details>{% endif %}<a class="capsule-button capsule-button--primary" href="{{ path('routine_task_edit',{idtoken:task.idtoken}) }}"><i class="ti ti-edit"></i>Modifier</a>{% endblock %}
{% block routine_content %}
<div class="row g-4"><div class="col-xl-8">
    <section class="routine-panel mb-4"><div class="d-flex flex-wrap gap-2 mb-3"><span class="badge {{ task.status|routine_badge_class }}">{{ task.status|routine_label }}</span><span class="badge {{ task.prioritySnapshot|routine_badge_class }}">{{ task.prioritySnapshot|routine_label }}</span>{% if task.isOverdue %}<span class="badge text-bg-danger">En retard</span>{% endif %}</div><p>{{ task.descriptionSnapshot|default('Aucune description.')|nl2br }}</p><dl class="row mb-0"><dt class="col-sm-4">Planifiée</dt><dd class="col-sm-8">{{ task.scheduledDate|date('d/m/Y') }} {{ task.scheduledTime ? task.scheduledTime|date('H:i') }}</dd><dt class="col-sm-4">Assignée à</dt><dd class="col-sm-8">{{ task.assignedTo ? task.assignedTo.prenom ~ ' ' ~ task.assignedTo.nom : 'Non assignée' }}</dd><dt class="col-sm-4">Routine source</dt><dd class="col-sm-8">{% if task.template %}<a href="{{ path('routine_template_show',{idtoken:task.template.idtoken}) }}">{{ task.template.name }}</a>{% else %}Tâche manuelle{% endif %}</dd></dl>{% if resolvedAction %}<a class="capsule-button capsule-button--secondary mt-3" href="{{ path(resolvedAction.route,resolvedAction.parameters) }}">{{ resolvedAction.label }}</a>{% endif %}</section>
    <section class="routine-panel mb-4"><h2 class="routine-card-heading mb-3">Checklist</h2><div class="list-group list-group-flush">{% for item in task.checklistItems %}<form class="list-group-item d-flex gap-3 align-items-center" method="post" action="{{ path('routine_task_checklist_toggle',{idtoken:task.idtoken,itemId:item.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('routine_task_checklist_' ~ task.idtoken ~ '_' ~ item.id) }}"><button class="capsule-button {{ item.completed ? 'capsule-button--success' : 'capsule-button--secondary' }} capsule-button--small" aria-label="Basculer">{{ item.completed ? '✓' : '○' }}</button><span class="{{ item.completed ? 'text-decoration-line-through text-muted' }}">{{ item.labelSnapshot }}{% if item.required %} *{% endif %}</span></form>{% else %}<p class="text-muted mb-0">Aucune étape.</p>{% endfor %}</div></section>
    <section class="routine-panel"><h2 class="routine-card-heading mb-3">Activité</h2><form method="post" action="{{ path('routine_task_comment',{idtoken:task.idtoken}) }}" class="d-flex gap-2 mb-4"><input type="hidden" name="_token" value="{{ csrf_token('routine_task_comment_' ~ task.idtoken) }}"><input class="form-control" name="comment" required placeholder="Ajouter une note"><button class="capsule-button capsule-button--primary">Ajouter</button></form>{% for event in task.events %}<div class="border-start ps-3 mb-3"><strong>{{ event.eventType|routine_label }}</strong><span class="small text-muted"> · {{ event.createdAt|date('d/m/Y H:i') }}</span>{% if event.note %}<div>{{ event.note }}</div>{% endif %}</div>{% else %}<p class="text-muted">Aucune activité.</p>{% endfor %}</section>
</div><aside class="col-xl-4"><section class="routine-panel sticky-xl-top" style="top:90px"><h2 class="routine-card-heading mb-3">Actions</h2><div class="d-grid gap-3">{% if task.status in ['todo','postponed'] %}<form method="post" action="{{ path('routine_task_start',{idtoken:task.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('routine_task_start_' ~ task.idtoken) }}"><button class="capsule-button capsule-button--primary w-100">Commencer</button></form>{% endif %}{% if task.status not in ['done','cancelled','skipped'] %}{% include '@Routine/routine/task/_complete_modal.html.twig' %}{% include '@Routine/routine/task/_postpone_modal.html.twig' %}{% include '@Routine/routine/task/_skip_modal.html.twig' %}{% include '@Routine/routine/task/_cancel_modal.html.twig' %}{% endif %}{% if task.status == 'awaiting_validation' %}<form method="post" action="{{ path('routine_task_validate',{idtoken:task.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('routine_task_validate_' ~ task.idtoken) }}"><button class="capsule-button capsule-button--success w-100">Valider</button></form>{% endif %}{% include '@Routine/routine/task/_reassign_modal.html.twig' %}</div></section></aside></div>
{% endblock %}