@extends('layouts.app')

@section('titre', 'Aujourd\'hui')

@php
    /**
     * Les tuiles portent tout ce que la barre de navigation ne peut pas tenir
     * sans devenir illisible sur un téléphone. Chacune dit où elle mène et,
     * quand il y a lieu, ce qui y attend.
     */
    $sections = array_filter([
        $magasin ? ['Le magasin', [
            ['meubles.index', 'magasin', 'Meubles à emporter', null],
            ['livraisons.index', 'camion', 'Livraisons', null],
            ['livraisons.creer', 'camion', 'Nouvelle livraison', null],
            ['collectes.index', 'collecte', 'Collectes', null],
        ]] : null,

        // « Terrain » est devenu « Logistique », à la demande de Romain : c'est
        // le nom que l'équipe donne à cette activité.
        $logistique ? ['La logistique', [
            ['planning', 'planning', 'Planning des tournées', null],
            ['tournees.creer', 'planning', 'Nouvelle tournée', null],
            ['encombrants.index', 'encombrants', 'Encombrants', $encombrantsAPlanifier],
            ['encombrants.import', 'encombrants', 'Importer une feuille', null],
            ['tournee-du-jour', 'camion', 'Tournée du jour', null],
        ]] : null,

        // Le planning des effectifs ne valide aucune intervention : il dit qui
        // travaille, et c'est tout. D'où un domaine à part.
        ['Le planning', [
            ['planning-travail', 'calendrier', 'Planning des effectifs', null],
            ['equipiers.index', 'equipe', 'Salariés', null],
            ['administration.types-journee', 'reglages', 'Journées et horaires', null],
        ]],

        ['Les bénévoles', [
            ['benevoles.index', 'equipe', 'Candidatures', $candidaturesNouvelles],
            ['benevoles.public', 'comptes', 'Formulaire public', null],
        ]],

        ['Le suivi', [
            ['alertes.index', 'cloche', 'Alertes', $alertesNonLues],
            ['archives.index', 'archives', 'Archives des bons', null],
            ['envois.index', 'envois', 'Envois', $envoisEnEchec],
            ['satisfactions.index', 'satisfaction', 'Satisfaction', null],
        ]],

        ['L\'administration', [
            ['administration.reglages', 'reglages', 'Réglages', null],
            ['administration.calendrier', 'calendrier', 'Calendrier', null],
            ['administration.tarification', 'magasin', 'Secteurs et tarifs', null],
            ['administration.vehicules', 'vehicules', 'Véhicules', null],
            ['administration.comptes', 'comptes', 'Comptes', null],
            ['administration.poles', 'poles', 'Pôles', null],
        ]],
    ]);
@endphp

@section('contenu')
    <h1 class="text-xl font-semibold">Aujourd'hui</h1>
    <p class="mb-5 text-sm text-slate-500">{{ now()->translatedFormat('l j F Y') }}</p>

    {{-- Premier étage : ce qui demande un geste. Un compteur à zéro ne
         s'affiche pas, pour que ce qui reste se voie. --}}
    @if ($aTraiter !== [])
        <h2 class="mb-2 text-sm font-semibold text-slate-500 uppercase">À traiter</h2>

        <div class="mb-6 grid gap-2 sm:grid-cols-2">
            @foreach ($aTraiter as $ligne)
                <a href="{{ $ligne['lien'] }}" @class([
                    'carte flex items-start gap-3 border-l-4 hover:bg-slate-50',
                    'border-l-red-500' => $ligne['ton'] === 'urgent',
                    'border-l-amber-400' => $ligne['ton'] === 'attention',
                    'border-l-marque-500' => $ligne['ton'] === 'normal',
                ])>
                    <span class="text-2xl leading-none font-semibold tabular-nums">{{ $ligne['nombre'] }}</span>
                    <span class="min-w-0">
                        <span class="block font-medium">{{ $ligne['libelle'] }}</span>
                        <span class="block text-sm text-slate-500">{{ $ligne['detail'] }}</span>
                    </span>
                </a>
            @endforeach
        </div>
    @else
        <p class="carte mb-6 text-sm text-slate-600">
            Rien n'attend de décision ce matin. Les dossiers qui appellent un geste
            apparaîtront ici.
        </p>
    @endif

    {{-- Deuxième étage : les tournées du jour, la seule chose qu'un manager
         regarde sans qu'on la lui demande. --}}
    <h2 class="mb-2 text-sm font-semibold text-slate-500 uppercase">Les tournées du jour</h2>

    <div class="mb-8">
        @forelse ($tourneesDuJour as $tournee)
            <a href="{{ route('tournees.afficher', $tournee) }}"
               class="carte mb-2 flex items-center justify-between gap-3 hover:bg-slate-50">
                <span>
                    <span class="block font-medium">
                        {{ \App\Models\Tournee::TYPES[$tournee->type] }}
                        &middot; {{ \App\Models\Tournee::PERIODES[$tournee->periode] }}
                    </span>
                    <span class="block text-sm text-slate-500">
                        {{ $tournee->vehicule?->nom ?? 'Aucun véhicule affecté' }}
                        &middot; {{ $tournee->interventions_count }} arrêt(s)
                        @if ($tournee->trajetLisible()) &middot; {{ $tournee->trajetLisible() }} @endif
                    </span>
                </span>
                <span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-medium whitespace-nowrap text-slate-600">
                    {{ $tournee->statutLisible() }}
                </span>
            </a>
        @empty
            <p class="carte text-sm text-slate-500">
                Aucune tournée programmée aujourd'hui.
                <a href="{{ route('tournees.creer') }}" class="text-marque-700 hover:underline">En créer une</a>.
            </p>
        @endforelse
    </div>

    {{-- Troisième étage : tous les écrans, en tuiles. --}}
    @foreach ($sections as [$titre, $tuiles])
        <h2 class="mb-2 text-sm font-semibold text-slate-500 uppercase">{{ $titre }}</h2>

        <div class="mb-6 grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-4">
            @foreach ($tuiles as [$route, $icone, $libelle, $compte])
                <a href="{{ route($route) }}"
                   {{-- Carré sur un téléphone, où deux colonnes donnent la bonne
                        taille de cible. Plafonné ensuite : un carré de 250 pixels
                        sur un écran de bureau n'est plus une tuile, c'est un mur. --}}
                   class="carte relative flex aspect-square flex-col items-center justify-center gap-3 text-center hover:border-marque-300 hover:bg-marque-50 sm:aspect-auto sm:h-36">
                    <x-icone :nom="$icone" class="size-10 text-marque-600" />
                    <span class="text-sm leading-tight font-medium">{{ $libelle }}</span>

                    @if ($compte)
                        <span class="absolute top-2 right-2 min-w-5 rounded-full bg-marque-600 px-1.5 py-0.5 text-center text-xs font-semibold text-white">
                            {{ $compte > 99 ? '99+' : $compte }}
                        </span>
                    @endif
                </a>
            @endforeach
        </div>
    @endforeach
@endsection