{% extends '@Prospection/prospection/layout.html.twig' %}
{% block prospection_title %}{{ task.title }}{% endblock %}
{% block prospection_content %}
<header class="capsule-heading">
  <div class="capsule-heading-main"><a class="capsule-button capsule-button--secondary capsule-button--icon" href="{{ path('prospection_dashboard') }}"><i class="ti ti-arrow-left"></i></a><div class="capsule-heading-content"><h1 class="capsule-heading-title">{{ task.title }}</h1><p class="capsule-heading-subtitle"><span class="task-category">{{ task.category.name|prospection_label }}</span> · {{ task.status|prospection_label }}</p></div></div>
  <div class="capsule-heading-actions"><a class="capsule-button capsule-button--primary" href="{{ path('prospection_task_edit',{idtoken:task.idtoken}) }}"><i class="ti ti-edit"></i>Modifier</a></div>
</header>
<div class="row g-4">
  <div class="col-xl-8"><section class="prospection-panel"><p>{{ task.description ?: 'Aucune description.' }}</p><p><strong>Canal :</strong> {{ task.channel|prospection_label }} · <strong>Objectif :</strong> {{ task.completedCount }}/{{ task.targetCount }}</p><form method="post" action="{{ path('prospection_task_note',{idtoken:task.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('prospection_task_note_'~task.idtoken) }}"><label class="form-label">Ajouter une note</label><div class="input-group"><input class="form-control" name="note" placeholder="Votre note…"><button class="capsule-button capsule-button--primary">Ajouter</button></div></form></section></div>
  <div class="col-xl-4"><section class="prospection-panel"><h2 class="h5"><i class="ti ti-calendar-time"></i> Bloquer du temps</h2><p class="text-muted small">Crée un bloc dans votre agenda sans dupliquer la tâche.</p><form method="post" action="{{ path('calendar_task_block_time',{source:'prospection_task',sourceToken:task.idtoken}) }}" data-turbo="false"><input type="hidden" name="_token" value="{{ csrf_token('calendar_time_block_create_'~task.idtoken) }}"><div class="mb-3"><label class="form-label" for="block-start">Début</label><input id="block-start" class="form-control" type="datetime-local" name="block[startsAt]" value="{{ (task.scheduledAt ?: date('+1 hour'))|date('Y-m-d\\TH:i') }}" required></div><div class="mb-3"><label class="form-label" for="block-duration">Durée</label><select id="block-duration" class="form-select" name="block[durationMinutes]"><option value="30">30 minutes</option><option value="60" selected>1 heure</option><option value="90">1 h 30</option><option value="120">2 heures</option></select></div><input type="hidden" name="block[timeZone]" value="Europe/Paris"><button class="capsule-button capsule-button--primary w-100"><i class="ti ti-calendar-plus"></i>Bloquer du temps dans mon agenda</button></form></section></div>
</div>
{% endblock %}