{% extends '@Projet/projet/layout.html.twig' %}
{% block projet_title %}{{ task.titre }}{% endblock %}
{% block projet_content %}
{% set french_months = {1: 'janv.', 2: 'févr.', 3: 'mars', 4: 'avr.', 5: 'mai', 6: 'juin', 7: 'juil.', 8: 'août', 9: 'sept.', 10: 'oct.', 11: 'nov.', 12: 'déc.'} %}
{% set completed = task.statut|lower starts with 'termin' %}
{% set overdue = task.deadline and task.deadline < date() and not completed %}
<div class="project-show project-task-page">
    {% include '@Projet/projet/tache/_project_hero.html.twig' %}
    <a class="project-task-back" href="{{ path('projet_show', {id: project.id, tab: 'tasks'}) }}"><i class="ti ti-arrow-left"></i> Retour aux tâches du projet</a>
    <section class="project-task-detail-hero">
        <div class="project-task-detail-hero__identity"><span><i class="ti ti-list-check"></i></span><div><div class="project-task-detail-hero__badges"><small>#T-{{ '%03d'|format(task.id) }}</small><b class="project-badge project-badge--violet">{{ task.statut }}</b><b class="project-badge project-badge--amber">{{ task.priorite }}</b><b class="project-badge project-badge--blue">{{ task.type }}</b>{% if overdue %}<b class="project-badge project-badge--red">Deadline dépassée</b>{% endif %}</div><h1>{{ task.titre }}</h1><p><i class="ti ti-folder"></i> {{ project.titre }} · <i class="ti ti-user"></i> {{ project.client ? project.client.nom : 'Sans client' }} · Créée le {{ task.createdAt|date('j') }} {{ french_months[task.createdAt|date('n')] }} {{ task.createdAt|date('Y') }}</p></div></div>
        <div class="project-task-detail-hero__actions">
            <form method="post" action="{{ path('projet_task_favorite', {projectId: project.id, id: task.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('projet_task_favorite_' ~ task.id) }}"><button class="project-button project-button--secondary"><i class="ti {{ is_favorite ? 'ti-star' : 'ti-star' }}"></i> Favori</button></form>
            <a class="project-button project-button--secondary" href="{{ path('projet_task_edit', {projectId: project.id, id: task.id}) }}"><i class="ti ti-pencil"></i> Modifier</a>
            {% if not completed %}<form method="post" action="{{ path('projet_task_status', {projectId: project.id, id: task.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('projet_task_status_' ~ task.id) }}"><input type="hidden" name="status" value="Terminé"><button class="project-button project-button--success"><i class="ti ti-circle-check"></i> Marquer terminée</button></form>{% endif %}
            {% if app.user in task.assignedAt %}<details><summary class="project-button project-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:'project_task',sourceToken:task.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('calendar_time_block_create_' ~ task.idtoken) }}"><label>Début<input required class="form-control" type="datetime-local" name="block[startsAt]"></label><label>Durée (min)<input required class="form-control" type="number" min="15" max="1440" step="15" name="block[durationMinutes]" value="60"></label><input type="hidden" name="block[timeZone]" value="Europe/Paris"><button class="project-button project-button--primary mt-2">Ajouter à mon agenda</button></form></details>{% endif %}
        </div>
    </section>
    <div class="project-task-detail-layout">
        <main>
            {% include '@Projet/projet/_attachments.html.twig' with {work: task, kind: 'taches'} %}
            <section class="project-task-card"><header><i class="ti ti-file-text"></i><h2>Description</h2><a href="{{ path('projet_task_edit', {projectId: project.id, id: task.id}) }}"><i class="ti ti-pencil"></i> Éditer</a></header><div class="project-task-card__body project-task-description">{{ task.description ? task.description|nl2br : 'Aucune description renseignée.' }}</div></section>
            <section class="project-task-card" id="task-comments"><header><i class="ti ti-message-dots"></i><h2>Commentaires</h2><span>{{ task_comments|length }}</span></header><div class="project-task-card__body project-task-comments">
                {% for comment in task_comments %}<article><img class="project-avatar" src="{{ user_avatar_url(comment.user) }}" alt=""><div><p><b>{{ comment.user ? comment.user.prenom ~ ' ' ~ comment.user.nom : 'Utilisateur' }}</b><small>{{ comment.createdAt|date('j') }} {{ french_months[comment.createdAt|date('n')] }} {{ comment.createdAt|date('Y') }} à {{ comment.createdAt|date('H:i') }}</small></p><div>{{ comment.contenu|nl2br }}</div></div></article>{% else %}<p class="project-empty-state">Aucun commentaire.</p>{% endfor %}
                <form method="post" action="{{ path('projet_task_comment_add', {projectId: project.id, id: task.id}) }}"><input type="hidden" name="_token" value="{{ csrf_token('projet_task_comment_' ~ task.id) }}"><textarea name="content" rows="4" required placeholder="Ajouter un commentaire…"></textarea><button class="project-button project-button--primary"><i class="ti ti-send"></i> Envoyer</button></form>
            </div></section>
        </main>
        <aside>
            <section class="project-task-card"><header><i class="ti ti-info-circle"></i><h2>Détails</h2></header><div class="project-task-card__body"><dl class="project-task-details"><div><dt>Statut</dt><dd><span class="project-badge project-badge--violet">{{ task.statut }}</span></dd></div><div><dt>Priorité</dt><dd>{{ task.priorite }}</dd></div><div><dt>Type</dt><dd>{{ task.type }}</dd></div><div><dt>Date de début</dt><dd>{{ task.startDate ? task.startDate|date('j') ~ ' ' ~ french_months[task.startDate|date('n')] ~ ' ' ~ task.startDate|date('Y') : '—' }}</dd></div><div><dt>Deadline</dt><dd class="{{ overdue ? 'is-danger' : '' }}">{{ task.deadline|date('j') }} {{ french_months[task.deadline|date('n')] }} {{ task.deadline|date('Y') }}</dd></div><div><dt>Projet</dt><dd>{{ project.titre }}</dd></div><div><dt>Client</dt><dd>{{ project.client ? project.client.nom : 'Sans client' }}</dd></div></dl></div></section>
            <section class="project-task-card"><header><i class="ti ti-users"></i><h2>Assignés</h2></header><div class="project-task-card__body project-task-assigned-list">{% for member in task.assignedAt %}<div><img class="project-avatar" src="{{ user_avatar_url(member) }}" alt=""><b>{{ member.prenom }} {{ member.nom }}</b></div>{% else %}<p>Personne n’est assigné.</p>{% endfor %}</div></section>
        </aside>
    </div>
</div>
{% endblock %}