{{--
    "Mes tâches" — cross-project task list for the current person, with tabs
    (À faire / En retard / À venir / Boîte de réception). Only "À faire" has
    real content; the other three call the `// TODO` stub count methods on
    Dashboard.php (always 0 for now) and render a placeholder below instead of
    a list — see that file's docblocks for the pattern to copy.

    $activeTaskTab, $myElements and the todoTasks()/todoCount()/overdueCount()/
    upcomingCount()/inboxCount()/toggleDone() methods all come from the page
    class (App\Filament\App\Pages\Dashboard), inherited into scope the same
    way every ambient variable is on ViewProject's partials.
--}}
@php
    $tabs = [
        ['key' => 'todo', 'label' => 'Aujourd\'hui', 'count' => $this->todoCount()],
        ['key' => 'overdue', 'label' => 'En retard', 'count' => $this->overdueCount()],
        ['key' => 'upcoming', 'label' => 'À venir', 'count' => $this->upcomingCount()],
        ['key' => 'inbox', 'label' => 'Inbox', 'count' => $this->inboxCount()],
    ];
@endphp

<x-filament::section heading="Mes tâches">
    <x-slot name="afterHeader">
        <a href="#" class="text-sm font-semibold text-gray-500 hover:text-primary-600 dark:text-gray-400">
            Tout voir →
        </a>
    </x-slot>

    <div class="-mx-6 -mt-6 flex border-b border-gray-100 dark:border-white/5">
        @foreach ($tabs as $tab)
            <button
                type="button"
                wire:click="setTaskTab('{{ $tab['key'] }}')"
                class="flex-1 border-b-2 px-4 py-3 text-center transition-colors"
                @style([
                    'border-color: var(--primary-500)' => $activeTaskTab === $tab['key'],
                    'border-color: transparent' => $activeTaskTab !== $tab['key'],
                ])
            >
                <div
                    @class([
                        'text-sm font-semibold',
                        'text-primary-600 dark:text-primary-400' => $activeTaskTab === $tab['key'],
                        'text-gray-500 dark:text-gray-400' => $activeTaskTab !== $tab['key'],
                    ])
                >
                    {{ $tab['label'] }}
                </div>
                <span
                    @class([
                        'mt-1.5 inline-flex min-w-[1.75rem] justify-center rounded-md px-1.5 py-0.5 text-xs font-bold tabular-nums',
                        'bg-danger-50 text-danger-600 dark:bg-danger-500/10 dark:text-danger-400' => $tab['key'] === 'overdue',
                        'bg-primary-50 text-primary-600 dark:bg-primary-500/10 dark:text-primary-400' => $tab['key'] !== 'overdue' && $activeTaskTab === $tab['key'],
                        'bg-gray-100 text-gray-500 dark:bg-white/5 dark:text-gray-400' => $tab['key'] !== 'overdue' && $activeTaskTab !== $tab['key'],
                    ])
                >
                    {{ $tab['count'] }}
                </span>
            </button>
        @endforeach
    </div>

    <div class="-mx-6 -mb-6">
        @forelse ($this->currentTabTasks() as $task)
            @php
                $isDone = $task->status->category === 'done';
                $isOverdue = $task->due_date && $task->due_date->isPast() && ! in_array($task->status->category, ['done', 'cancelled'], true);
                $projectColor = $task->project->color;
            @endphp
            <div class="flex items-center gap-3 border-b border-gray-100 px-6 py-3 last:border-0 dark:border-white/5">
                <button
                    type="button"
                    wire:click="toggleDone({{ $task->id }})"
                    @class([
                        'flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-[1.5px]',
                        'border-success-500 bg-success-500 text-white' => $isDone,
                        'border-gray-300 dark:border-gray-600' => ! $isDone,
                    ])
                >
                    @if ($isDone)
                        <x-filament::icon icon="heroicon-o-check" class="h-3 w-3" />
                    @endif
                </button>
                @if (in_array($task->type->code, ['meeting'], true))
                    <span class="shrink-0 rounded-md bg-gray-100 px-2.5 py-1 text-xs font-bold text-gray-500 dark:bg-white/5 dark:text-gray-400">
                        {{ $task->meeting->starts_at->format('H:i') }}
                    </span>
                </span>
                @endif
                <span
                    @class([
                        'min-w-0 truncate text-sm',
                        'text-gray-400 line-through decoration-gray-300 dark:text-gray-600' => $isDone,
                        'text-gray-700 dark:text-gray-200' => ! $isDone,
                    ])
                >
                    {{ $task->title }}
                </span>
                @if (in_array($task->type->code, ['chantier', 'milestone'], true))
                    <span class="h-1.5 w-1.5 shrink-0 rounded-full" style="background-color: var(--{{ $this->typeColor($task->type->code) }}-500)"></span>
                @endif

                <span class="h-1.5 w-1.5 shrink-0 flex-1"> </span>

                @if ($projectColor)
                    <span
                        class="shrink-0 rounded-md px-2.5 py-1 text-xs font-bold"
                        style="background-color: {{ $projectColor }}1a; color: {{ $projectColor }}"
                    >
                        {{ $task->project->code }}
                    </span>
                @else
                    <span class="shrink-0 rounded-md bg-gray-100 px-2.5 py-1 text-xs font-bold text-gray-500 dark:bg-white/5 dark:text-gray-400">
                        {{ $task->project->code }}
                    </span>
                @endif

                <span
                    @class([
                        'w-16 shrink-0 text-right text-sm tabular-nums',
                        'font-semibold text-danger-600 dark:text-danger-400' => $isOverdue,
                        'text-gray-400 dark:text-gray-500' => ! $isOverdue,
                    ])
                >
                    {{ $task->due_date?->translatedFormat('j M') ?? '—' }}
                </span>
            </div>
        @empty
            <div class="px-6 py-10 text-center text-sm text-gray-400 dark:text-gray-500">
                Aucune tâche à faire — bien joué 🎉
            </div>
        @endforelse
    </div>
</x-filament::section>