{{--
    "Aujourd'hui" (JOS-148) — minimalist Todoist-style home page: quick-add
    at the top, "À faire" (todoTasks()), "À valider" (toValidateTasks()),
    "À traiter" (inboxTasks()), and a "Mes projets" shortcut sidebar.
--}}
<x-filament-panels::page>
    <p class="max-w-[65ch] -mt-4 md:mt-0 text-sm text-gray-500 dark:text-gray-400">
        {{ ucfirst(\Carbon\Carbon::now()->translatedFormat('l d F ')) }}
    </p>

    <h2 class="text-lg font-semibold tracking-tight text-gray-950 dark:text-white"">
    À faire
    </h2>
    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3 -m-4 sm:-m-3">
        <div class="flex flex-col gap-6 lg:col-span-2 ">
            <x-filament::section>
                <div class="-mx-6 -mt-6 -mb-6">
                    @include('filament.app.pages.partials.quick-add-today')

                    @forelse ($this->todaysTasks() as $task)
                        @include('filament.app.pages.partials.today-task-row', ['task' => $task])
                    @empty
                        <div class="px-6 py-10 text-center text-sm text-gray-400 dark:text-gray-500">
                            Rien d'autre à faire aujourd'hui — bien joué 🎉
                        </div>
                    @endforelse
                </div>
            </x-filament::section>

            <x-filament::section heading="À valider">
                <x-slot name="description">
                    Éléments en attente de ta validation (rôle Approbateur).
                </x-slot>
                <div class="-mx-6 -mb-6">
                    @forelse ($this->toValidateTasks() as $task)
                        @include('filament.app.pages.partials.today-task-row', ['task' => $task])
                    @empty
                        <div class="px-6 py-10 text-center text-sm text-gray-400 dark:text-gray-500">
                            Rien à valider pour l'instant.
                        </div>
                    @endforelse
                </div>
            </x-filament::section>

            <x-filament::section heading="À traiter">
                <x-slot name="description">
                    Tâches non réclamées ou non rangées dans un projet.
                </x-slot>
                <div class="-mx-6 -mb-6">
                    @forelse ($this->toTreatTasks() as $task)
                        @include('filament.app.pages.partials.today-task-row', ['task' => $task])
                    @empty
                        <div class="px-6 py-10 text-center text-sm text-gray-400 dark:text-gray-500">
                            Rien à traiter.
                        </div>
                    @endforelse
                </div>
            </x-filament::section>
        </div>

        <div class="flex flex-col gap-6 lg:col-span-1">
            @include('filament.app.pages.partials.frequent-projects-card')
        </div>
    </div>
</x-filament-panels::page>