{{-- v4.17.0 §A2.2 — « LE POINT », écran `data-screen="hub"` de la maquette. --}}
<x-studio.coquille :espace="$espace" :espaces="$espaces" :badges="$badges" :onglet="$onglet" :titre="$titre" :contexte="$contexte">
    <section class="screen">
        <div class="backbar">
            <a wire:navigate href="{{ route('studio.espaces') }}" aria-label="Retour à vos espaces"><x-espace-client-app.icone nom="retour" :taille="18" /></a>
            <span class="bt">Le point</span>
            <span class="chip brand-chip" style="margin-inline-start:auto">{{ $espace->nomDuPrestataire() }}</span>
        </div>

        @if ($annonce)
            <div class="alerte {{ $annonce['ton'] }}" role="status">{{ $annonce['texte'] }}</div>
        @endif

        <div class="dcols">
            <div>
                @php($n = $attend->count())
                <div @class(['todo', 'calme' => $n === 0])>
                    <div class="lab"><span class="dot"></span> Attend l'agence · {{ $n }}</div>
                    @forelse ($attend as $item)
                        <div class="item">
                            <div class="kind">{{ $item['genre'] }}</div>
                            <div class="ttl">{{ $item['titre'] }}</div>
                            <div class="meta">{{ $item['detail'] }}</div>
                            <div class="acts">
                                @if ($item['type'] === 'retard')
                                    <button type="button" class="btn gold" wire:click="relancer('livrable', {{ $item['objet']->id }})" wire:loading.attr="disabled">Relancer</button>
                                    <a class="btn ghost" href="{{ $item['action']['url'] }}">Voir</a>
                                @else
                                    <a class="btn {{ $item['action']['ton'] }}" href="{{ $item['action']['url'] }}">{{ $item['action']['libelle'] }}</a>
                                    @if ($item['secondaire'])
                                        <a class="btn ghost" href="{{ $item['secondaire']['url'] }}">{{ $item['secondaire']['libelle'] }}</a>
                                    @endif
                                @endif
                            </div>
                        </div>
                    @empty
                        <p class="rien">Rien n'attend l'agence sur cet espace.</p>
                    @endforelse
                </div>

                <p class="slabel">Nouveau</p>
                <div class="tiles four">
                    <a wire:navigate class="tile act" href="{{ route('studio.publication-nouvelle', ['espace' => $espace->id]) }}"><span class="tic"><x-espace-client-app.icone nom="plus" :taille="18" /></span><span class="tl">Publication</span></a>
                    <a wire:navigate class="tile act" href="{{ route('studio.livrable-remise', ['espace' => $espace->id]) }}"><span class="tic"><x-espace-client-app.icone nom="livrables" :taille="18" /></span><span class="tl">Livrable</span></a>
                    <a wire:navigate class="tile act" href="{{ route('studio.documents', ['espace' => $espace->id, 'partager' => 1]) }}"><span class="tic"><x-espace-client-app.icone nom="documents" :taille="18" /></span><span class="tl">Document</span></a>
                    <a wire:navigate class="tile act" href="{{ route('studio.reunions-espace', ['espace' => $espace->id, 'planifier' => 1]) }}"><span class="tic"><x-espace-client-app.icone nom="calendrier" :taille="18" /></span><span class="tl">Réunion</span></a>
                </div>

                <p class="slabel">Ce mois</p>
                <div class="tiles">
                    <a wire:navigate class="tile" href="{{ route('studio.publications', ['espace' => $espace->id]) }}">
                        <span class="tic"><x-espace-client-app.icone nom="publications" :taille="19" /></span>
                        <span class="tn">{{ $mois['publications']['n'] }}</span><span class="tl">Publications</span>
                        @if ($mois['publications']['drapeau']) <span class="flag">{{ $mois['publications']['drapeau'] }}</span> @else <span class="tm">{{ $mois['publications']['note'] }}</span> @endif
                    </a>
                    <a wire:navigate class="tile" href="{{ route('studio.livrables', ['espace' => $espace->id]) }}">
                        <span class="tic"><x-espace-client-app.icone nom="livrables" :taille="19" /></span>
                        <span class="tn">{{ $mois['livrables']['n'] }}</span><span class="tl">Livrables</span>
                        @if ($mois['livrables']['drapeau']) <span class="flag">{{ $mois['livrables']['drapeau'] }}</span> @else <span class="tm">{{ $mois['livrables']['note'] }}</span> @endif
                    </a>
                    <a wire:navigate class="tile" href="{{ route('studio.documents', ['espace' => $espace->id]) }}">
                        <span class="tic"><x-espace-client-app.icone nom="documents" :taille="19" /></span>
                        <span class="tn">{{ $mois['documents']['n'] }}</span><span class="tl">Documents</span><span class="tm">{{ $mois['documents']['note'] }}</span>
                    </a>
                    <a wire:navigate class="tile" href="{{ route('studio.demandes-espace', ['espace' => $espace->id]) }}">
                        <span class="tic"><x-espace-client-app.icone nom="bulle" :taille="19" /></span>
                        <span class="tn">{{ $mois['demandes']['n'] }}</span><span class="tl">Demandes</span><span class="tm">{{ $mois['demandes']['note'] }}</span>
                    </a>
                </div>

                <div class="status">
                    <a wire:navigate href="{{ route('studio.quantites', ['espace' => $espace->id]) }}"><x-espace-client-app.icone nom="horloge" :taille="15" class="ic" /> Avancement&nbsp;: <b>{{ (int) round($pourcentage) }} %</b></a>
                    @if ($reunion && $reunion->date)
                        <a wire:navigate href="{{ route('studio.reunions-espace', ['espace' => $espace->id]) }}"><x-espace-client-app.icone nom="calendrier" :taille="15" class="ic" /> Réunion&nbsp;: <b>{{ $reunion->date->translatedFormat('D j M') }}{{ $reunion->heure ? ' '.\Illuminate\Support\Str::substr((string) $reunion->heure, 0, 5) : '' }}</b></a>
                    @endif
                    @if ($lienBackOffice)
                        <a href="{{ $lienBackOffice }}" target="_blank" rel="noopener"><x-espace-client-app.icone nom="externe" :taille="15" class="ic" /> Ouvrir dans le back-office</a>
                    @endif
                </div>
            </div>

            <div>
                <div class="wait">
                    <div class="lab">Chez le client <span class="n">{{ $chez->count() }}</span></div>
                    @forelse ($chez as $item)
                        <div class="wl">
                            <a class="t" href="{{ $item['url'] }}"><b>{{ $item['titre'] }}</b><span>{{ $item['detail'] }}</span></a>
                            @if ($item['retard_jours'] !== null)
                                <span class="late">{{ $item['retard_jours'] }} j</span>
                            @endif
                            <button type="button" class="relance" wire:click="relancer('{{ $item['type'] }}', {{ $item['objet']->id }})" wire:loading.attr="disabled">Relancer</button>
                        </div>
                    @empty
                        <div class="wl"><span class="t"><span>Rien n'attend de réponse chez le client.</span></span></div>
                    @endforelse
                </div>

                @if ($reunion && $reunion->date)
                    <p class="slabel">À venir</p>
                    <div class="next" style="margin-top:0">
                        <div class="cal"><div class="m">{{ $reunion->date->translatedFormat('M') }}</div><div class="d">{{ $reunion->date->format('j') }}</div></div>
                        <div class="body">
                            <div class="nt">{{ \App\Services\Studio\TableauDeLAgence::libelleReunion($reunion) }}</div>
                            <div class="nm">{{ ucfirst($reunion->date->translatedFormat('D j M')) }}{{ $reunion->heure ? ' · '.\Illuminate\Support\Str::substr((string) $reunion->heure, 0, 5) : '' }}{{ $reunion->lieu ? ' · '.$reunion->lieu : '' }} · {{ $reunion->phraseDuCreneau() }}</div>
                        </div>
                        <a wire:navigate class="btn small ghost" href="{{ route('studio.reunions-espace', ['espace' => $espace->id]) }}">Voir</a>
                    </div>
                @endif
            </div>
        </div>
    </section>
</x-studio.coquille>