{{--
    App home page — dashboard content brief from the Able Pro mockup: task
    metrics, agenda ("Mes tâches"), next meeting, portfolio, calendar and
    workload (Kanban distribution), each as its own partial/section below.
--}}
<x-filament-panels::page>
    <p class="mt-3 max-w-[65ch] text-sm text-gray-500 dark:text-gray-400">Voici où en sont tes projets aujourd'hui - {{ ucfirst(\Carbon\Carbon::now()->translatedFormat('l d F ')) }}.

    @include('filament.app.pages.partials.quick-actions')

    <div>
        @include('filament.app.pages.partials.metrics-row')
    </div>

    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
        <div class="lg:col-span-2">
            @include('filament.app.pages.partials.my-tasks-card')
        </div>
        <div class="lg:col-span-1">
            @include('filament.app.pages.partials.next-meeting-card')
        </div>
    </div>
    
    <div>
        @include('filament.app.pages.partials.task-distribution-card')
    </div>
    <div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
        <div class="lg:col-span-1">
            @include('filament.app.pages.partials.portfolio-card')
        </div>
        <div class="lg:col-span-1">
            @include('filament.app.pages.partials.calendar-card')
        </div>
    </div>
</x-filament-panels::page>