{{--
    "Mes projets" — the projects showing up most in my active assigned
    tasks (all of them, not just today's — see Today::frequentProjects()'s
    docblock), as a quick-access shortcut list.
--}}
<x-filament::section heading="Mes projets">
    <div class="-mx-6 -mb-6">
        @forelse ($this->frequentProjects() as $entry)
            <div
                wire:key="frequent-project-{{ $entry['project']->id }}"
                wire:click="openApercuProject({{ $entry['project']->id }})"
                class="flex cursor-pointer items-center gap-3 border-b border-gray-100 px-6 py-3 last:border-0 hover:bg-gray-50 dark:border-white/5 dark:hover:bg-white/5"
            >
                <span
                    class="h-2.5 w-2.5 shrink-0 rounded-full"
                    style="background-color: {{ $entry['project']->color ?? '#94A3B8' }}"
                ></span>
                <span class="min-w-0 flex-1 truncate text-sm text-gray-700 dark:text-gray-200">
                    {{ $entry['project']->name }}
                </span>
                <span class="shrink-0 rounded-md bg-gray-100 px-2 py-0.5 text-xs font-bold tabular-nums text-gray-500 dark:bg-white/5 dark:text-gray-400">
                    {{ $entry['count'] }}
                </span>
            </div>
        @empty
            <div class="px-6 py-6 text-center text-sm text-gray-400 dark:text-gray-500">
                Aucun projet actif pour l'instant.
            </div>
        @endforelse
    </div>
</x-filament::section>