{{--
    v4.14.0 §D — L'ACCUEIL, écran `data-screen="accueil"` de la maquette validée.

    ⚠️ Aucune valeur n'est écrite ici : tout vient du composant, qui l'a demandé aux services de
    l'espace client. Un chiffre en dur dans cette vue serait un chiffre faux le lendemain.
--}}
@php
    $genre = [
        'livrable' => 'Livrable',
        'publication' => 'Publication',
        'compte_rendu' => 'Compte rendu',
        'creneau' => 'Réunion',
        'piece' => 'Pièce à fournir',
    ];
@endphp

<x-espace-client-app.coquille :dashboard="$dashboard" :acces="$acces" :espaces="$espaces" :a-valider="$aValider" :non-lus="$nonLus" onglet="accueil">
    @if ($donnees)
        <section class="screen">
            {{-- v4.17.1 §C — Tant qu'on n'est pas installé : l'installation, évidente. --}}
            <x-espace-client-app.banniere-installation />

            <p class="eyebrow">Bonjour {{ \Illuminate\Support\Str::before(auth()->user()->name, ' ') }}</p>
            <h1 class="h1">Votre espace</h1>
            <p class="sub">Voici ce qui avance, et ce qui attend votre réponse.</p>

            {{-- LE HÉROS « À VALIDER ». La liste est celle de `VueClient::attendus()` — la MÊME
                 que compte la phrase de situation et que compte la pastille de la barre du bas.
                 Trois listes différentes, c'était trois chiffres qui se contredisaient (v4.7.0 §B4).

                 Les décisions se prennent dans l'onglet Publications (v4.15.0), avec l'aperçu
                 de l'e-mail qui part. --}}
            @php
                $attendus = $donnees['attendus'];
                $nombre = $attendus['total'];
                $libelleAttendus = $nombre === 0
                    ? 'Rien n\'attend votre réponse'
                    : $nombre.' chose'.($nombre > 1 ? 's' : '').' attend'.($nombre > 1 ? 'ent' : '').' votre réponse';
            @endphp
            <div @class(['todo', 'calme' => $nombre === 0])>
                <div class="lab"><span class="dot"></span> {{ $libelleAttendus }}</div>

                {{-- v4.16.0 §I — Chaque élément mène à l'écran où il se décide. Ce qui n'a pas
                     d'écran propre (une pièce à transmettre) reste une ligne, sans lien : un lien
                     qui n'agit pas est pire qu'une ligne sans lien. --}}
                @forelse (array_slice($attendus['elements'], 0, 3) as $element)
                    @if ($element['lien'] ?? null)
                        <a class="item" href="{{ $element['lien'] }}">
                            <div class="kind">{{ $genre[$element['type']] ?? 'À faire' }}</div>
                            <div class="ttl">{{ $element['titre'] }}</div>
                            <div class="meta">{{ $element['detail'] }}</div>
                            <div class="acts"><span class="btn primary">Ouvrir</span></div>
                        </a>
                    @else
                        <div class="item">
                            <div class="kind">{{ $genre[$element['type']] ?? 'À faire' }}</div>
                            <div class="ttl">{{ $element['titre'] }}</div>
                            <div class="meta">{{ $element['detail'] }}</div>
                        </div>
                    @endif
                @empty
                    <p class="rien">Tout est à jour de votre côté. Nous vous préviendrons dès qu'une
                        publication ou un livrable attendra votre validation.</p>
                @endforelse

                {{-- v4.17.0 §B2.4 — Les messages de l'agence pas encore lus : ils attendent aussi. --}}
                @if (($nonLus['total'] ?? 0) > 0)
                    <a wire:navigate class="item" href="{{ route('espace-client.app.publications', ['espace' => $dashboard->id]) }}">
                        <div class="kind">Messages</div>
                        <div class="ttl">{{ $nonLus['total'] }} nouveau{{ $nonLus['total'] > 1 ? 'x' : '' }} message{{ $nonLus['total'] > 1 ? 's' : '' }} de {{ $dashboard->nomDuPrestataire() }}</div>
                        <div class="meta">Dans la conversation d'une publication ou d'un livrable.</div>
                    </a>
                @endif

                @if (count($attendus['elements']) > 3)
                    <div class="meta" style="margin-top:11px">
                        et {{ count($attendus['elements']) - 3 }} autre{{ count($attendus['elements']) - 3 > 1 ? 's' : '' }}.
                    </div>
                @endif
            </div>

            {{-- L'ANNEAU D'AVANCEMENT : ce qui a été validé rapporté à ce qui était prévu, à
                 l'échelle du marché. La même définition que la colonne « validé » du tableau. --}}
            @php($pct = $donnees['pourcentage'])
            {{-- v4.16.0 §G — Elle mène à l'écran des QUANTITÉS. Elle pointait vers Livrables, où
                 l'on ne voyait pas d'où venait le pourcentage : le client cliquait sur un chiffre
                 pour tomber sur une liste qui ne le portait pas. --}}
            <a wire:navigate class="progcard" href="{{ route('espace-client.app.quantites', ['espace' => $dashboard->id]) }}">
                <span class="ring sm" style="background:conic-gradient(var(--accent) {{ $pct }}%, var(--line) 0)"
                      role="img" aria-label="Avancement {{ $pct }} %"><span>{{ (int) round($pct) }}%</span></span>
                <span class="pgt">
                    <span class="pgl">Avancement du marché</span>
                    <span class="pgm">{{ number_format($pct, 1, ',', ' ') }} % réalisé</span>
                    <span class="pgs">
                        Quantités validées
                        @if ($donnees['montant_commande'] !== null)
                            · {{ number_format((float) $donnees['montant_commande'], 2, ',', ' ') }} DH commandés
                        @endif
                    </span>
                </span>
                <span class="arrow"><x-espace-client-app.icone nom="fleche" :taille="20" /></span>
            </a>

            @if ($donnees['reception']['date'] || ($donnees['reunion'] && $donnees['reunion']->date))
            <div class="status">
                @if ($donnees['reception']['date'])
                    <span>
                        <x-espace-client-app.icone nom="horloge" :taille="15" class="ic" />
                        {{ ucfirst($donnees['reception']['libelle']) }}&nbsp;:
                        <b>{{ $donnees['reception']['date']->format('d/m/Y') }}</b>
                    </span>
                @endif
                @if ($donnees['reunion'] && $donnees['reunion']->date)
                    <span>
                        <x-espace-client-app.icone nom="calendrier" :taille="15" class="ic" />
                        Réunion&nbsp;:
                        <b>{{ $donnees['reunion']->date->translatedFormat('D j M') }}{{ $donnees['reunion']->heure ? ' '.$donnees['reunion']->heure : '' }}</b>
                    </span>
                @endif
            </div>
            @endif

            <p class="slabel">Accès rapide</p>
            <div class="tiles">
                <a wire:navigate class="tile" href="{{ route('espace-client.app.documents', ['espace' => $dashboard->id]) }}">
                    <span class="tic"><x-espace-client-app.icone nom="documents" :taille="19" /></span>
                    <span class="tn">{{ $donnees['documents_total'] }}</span>
                    <span class="tl">Documents</span>
                    <span class="tm">
                        @if ($donnees['documents_nouveaux'] > 0)
                            {{ $donnees['documents_nouveaux'] }} nouveau{{ $donnees['documents_nouveaux'] > 1 ? 'x' : '' }}
                        @else
                            partagés avec vous
                        @endif
                    </span>
                </a>

                <a wire:navigate class="tile" href="{{ route('espace-client.app.livrables', ['espace' => $dashboard->id]) }}">
                    <span class="tic"><x-espace-client-app.icone nom="livrables" :taille="19" /></span>
                    <span class="tn">{{ $donnees['livrables_total'] }}</span>
                    <span class="tl">Livrables</span>
                    @if ($aValider > 0)
                        <span class="flag">{{ $aValider }} à valider</span>
                    @else
                        <span class="tm">rien en attente</span>
                    @endif
                </a>

                <a wire:navigate class="tile" href="{{ route('espace-client.app.reunion', ['espace' => $dashboard->id]) }}">
                    <span class="tic"><x-espace-client-app.icone nom="calendrier" :taille="19" /></span>
                    <span class="tn">{{ $donnees['reunion'] && $donnees['reunion']->date ? ucfirst($donnees['reunion']->date->translatedFormat('D')) : '—' }}</span>
                    <span class="tl">Prochaine réunion</span>
                    <span class="tm">
                        @if ($donnees['reunion'])
                            {{ trim(($donnees['reunion']->heure ?: '').' '.($donnees['reunion']->lieu ? '· '.$donnees['reunion']->lieu : '')) ?: 'à confirmer' }}
                        @else
                            aucune fixée
                        @endif
                    </span>
                </a>

                <a wire:navigate class="tile" href="{{ route('espace-client.app.compte', ['espace' => $dashboard->id]) }}">
                    <span class="tic"><x-espace-client-app.icone nom="bulle" :taille="19" /></span>
                    <span class="tn">{{ $donnees['demandes_en_cours'] }}</span>
                    <span class="tl">Vos demandes</span>
                    <span class="tm">en cours</span>
                </a>
            </div>

            @if ($donnees['prochaine'])
                <p class="slabel">À venir</p>
                <div class="next">
                    <div class="cal">
                        <div class="m">{{ $donnees['prochaine']['date']->translatedFormat('M') }}</div>
                        <div class="d">{{ $donnees['prochaine']['date']->format('j') }}</div>
                    </div>
                    <div class="body">
                        <div class="nt">{{ $donnees['prochaine']['titre'] }}</div>
                        <div class="nm">{{ $donnees['prochaine']['detail'] }}</div>
                    </div>
                </div>
            @endif

            <p class="slabel">État</p>
            <p class="sub">{{ $donnees['phrase'] }}</p>
        </section>
    @endif
</x-espace-client-app.coquille>