{% extends '@Projet/projet/layout.html.twig' %}

{% block projet_title %}Toutes les tâches{% endblock %}

{% block projet_content %}
{% set 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.'} %}
<div class="project-work" data-controller="project-work-index">
    <header class="project-work__header">
        <div>
            <h1>Toutes les tâches</h1>
            <p>Visualisez et retrouvez les tâches de tous les projets actifs de la société.</p>
        </div>
        <div>
            <a class="project-button project-button--secondary" href="{{ path('projet_index') }}"><i class="ti ti-folder"></i> Voir les projets</a>
        </div>
    </header>

    <section class="project-work__stats mt-4" aria-label="Indicateurs des tâches">
        {% for item in [
            {label:'Total', value:stats.total, icon:'ti ti-list-check', tone:'indigo'},
            {label:'À faire', value:stats.todo, icon:'ti ti-circle', tone:'gray'},
            {label:'En cours', value:stats.in_progress, icon:'ti ti-refresh', tone:'blue'},
            {label:'Terminées', value:stats.completed, icon:'ti ti-check', tone:'green'},
            {label:'En retard', value:stats.overdue, icon:'ti ti-alarm', tone:'red'}
        ] %}
            <article class="project-work-stat project-work-stat--{{ item.tone }}">
                <span><i class="ti {{ item.icon }}"></i></span>
                <div><small>{{ item.label }}</small><strong>{{ item.value }}</strong></div>
            </article>
        {% endfor %}
    </section>

    <section class="project-work__card mt-4">
        <div class="project-work__toolbar">
            <label class="project-work__search">
                <i class="ti ti-search"></i>
                <input type="search" placeholder="Rechercher une tâche, un projet, un assigné…" data-project-work-index-target="search" data-action="input->project-work-index#filter">
            </label>
            <select data-project-work-index-target="project" data-action="change->project-work-index#filter" aria-label="Filtrer par projet">
                <option value="">Tous les projets</option>
                {% for project in projects %}<option value="{{ project.id }}">{{ project.titre }}</option>{% endfor %}
            </select>
            <select data-project-work-index-target="status" data-action="change->project-work-index#filter" aria-label="Filtrer par statut">
                <option value="">Tous les statuts</option>
                <option>À faire</option><option>En cours</option><option>En pause</option><option>Terminé</option>
            </select>
            <select data-project-work-index-target="priority" data-action="change->project-work-index#filter" aria-label="Filtrer par priorité">
                <option value="">Toutes les priorités</option>
                <option>Faible</option><option>Basse</option><option>Moyenne</option><option>Haute</option><option>Critique</option><option>Bloquante</option>
            </select>
            <button type="button" class="project-work__reset" data-action="project-work-index#reset" title="Réinitialiser"><i class="ti ti-rotate-2"></i></button>
        </div>

        <div class="project-work__result"><strong data-project-work-index-target="count">{{ tasks|length }}</strong> tâche{{ tasks|length > 1 ? 's' : '' }} affichée{{ tasks|length > 1 ? 's' : '' }}</div>
        <div class="project-work__table-wrap">
            <table class="project-work__table">
                <thead><tr><th>Tâche</th><th>Projet</th><th>Type</th><th>Priorité</th><th>Statut</th><th>Assignés</th><th>Échéance</th><th></th></tr></thead>
                <tbody>
                {% for task in tasks %}
                    {% set completed = task.statut|lower starts with 'termin' %}
                    {% set overdue = task.deadline and task.deadline < date('today') and not completed %}
                    {% set assigned_names = [] %}
                    {% for member in task.assignedAt %}{% set assigned_names = assigned_names|merge([member.prenom ~ ' ' ~ member.nom]) %}{% endfor %}
                    <tr data-project-work-index-target="row"
                        data-search="{{ (task.titre ~ ' ' ~ task.projet.titre ~ ' ' ~ assigned_names|join(' '))|lower }}"
                        data-project="{{ task.projet.id }}"
                        data-status="{{ task.statut }}"
                        data-priority="{{ task.priorite }}">
                        <td>
                            <a class="project-work__entity" href="{{ path('projet_task_show', {projectId:task.projet.id,id:task.id}) }}">
                                <span class="project-work__entity-icon {{ completed ? 'is-complete' : (overdue ? 'is-overdue' : '') }}"><i class="ti {{ completed ? 'ti-check' : 'ti-list-check' }}"></i></span>
                                <span><strong class="{{ completed ? 'is-complete' : '' }}">{{ task.titre }}</strong><small>#T-{{ '%03d'|format(task.id) }}</small></span>
                            </a>
                        </td>
                        <td><a class="project-work__project" href="{{ path('projet_show',{id:task.projet.id}) }}">{{ task.projet.titre }}</a><small class="project-work__client">{{ task.projet.client ? task.projet.client.nom : 'Projet interne' }}</small></td>
                        <td><span class="project-work-badge is-violet">{{ task.type ?: 'Projet' }}</span></td>
                        <td><span class="project-work-badge {{ task.priorite|lower in ['critique','bloquante'] ? 'is-red' : (task.priorite|lower == 'haute' ? 'is-amber' : 'is-gray') }}">{{ task.priorite ?: 'Non définie' }}</span></td>
                        <td><span class="project-work-badge {{ completed ? 'is-green' : (task.statut|lower == 'en cours' ? 'is-blue' : 'is-gray') }}">{{ task.statut }}</span></td>
                        <td>
                            <div class="project-work__people">
                            {% for member in task.assignedAt %}
                                <img src="{{ user_avatar_url(member) }}" title="{{ member.prenom }} {{ member.nom }}" alt="">
                            {% else %}<small>Non assignée</small>{% endfor %}
                            </div>
                        </td>
                        <td class="{{ overdue ? 'project-work__date--danger' : '' }}">{{ task.deadline ? task.deadline|date('j') ~ ' ' ~ months[task.deadline|date('n')] ~ ' ' ~ task.deadline|date('Y') : '—' }}{% if overdue %}<small>En retard</small>{% endif %}</td>
                        <td><a class="project-work__open" href="{{ path('projet_task_show',{projectId:task.projet.id,id:task.id}) }}" aria-label="Ouvrir la tâche"><i class="ti ti-chevron-right"></i></a></td>
                    </tr>
                {% else %}
                    <tr><td colspan="8"><div class="project-work__empty"><i class="ti ti-square-check"></i><strong>Aucune tâche</strong><span>Les tâches des projets actifs apparaîtront ici.</span></div></td></tr>
                {% endfor %}
                    <tr class="project-work__filtered-empty" data-project-work-index-target="empty" hidden><td colspan="8">Aucune tâche ne correspond à ces filtres.</td></tr>
                </tbody>
            </table>
        </div>
    </section>
</div>
{% endblock %}