{{-- v4.17.0 §A2.3 — LA FICHE D'UNE PUBLICATION (agence), écran `data-screen="post"` 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.publications', ['espace' => $espace->id]) }}" aria-label="Retour aux publications"><x-espace-client-app.icone nom="retour" :taille="18" /></a>
            <span class="bt">Publication</span>
            <span class="pill {{ $pastille }}" style="margin-inline-start:auto">{{ $etat }}</span>
        </div>

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

        <div class="dcols">
            <div>
                {{-- L'APERÇU SOCIAL : le même que le client, avec « Changer la photo ». --}}
                <div class="post">
                    <div class="phead">
                        <span class="pav" aria-hidden="true">
                            @if ($espace->logoDuClient())<img src="{{ $espace->logoDuClient() }}" alt="">@else{{ \App\Support\EspaceClient\AppClient::initiales($espace->nomCourtDuClient()) }}@endif
                        </span>
                        <span><span class="pn">{{ $espace->nomCourtDuClient() }}</span><span class="pd">{{ $publication->type->label() }} · {{ $publication->quandPhrase() }} · {{ $publication->reference }}</span></span>
                        @if ($canaux !== [])
                            <span class="nets">@foreach ($canaux as $canal)<span class="net" title="{{ $canal }}">{{ \Illuminate\Support\Str::limit($canal, 4, '') }}</span>@endforeach</span>
                        @endif
                    </div>

                    @if ($visuel['type'] === 'image')
                        <div class="visual image">
                            <img src="{{ $visuel['url'] }}" alt="Visuel de la publication « {{ $publication->titre }} »">
                            @unless ($publication->estFigee())
                                <label class="swap"><x-espace-client-app.icone nom="photo" :taille="13" /> Changer la photo<input type="file" accept="image/*" wire:model="photo" wire:change="changerLaPhoto"></label>
                            @endunless
                        </div>
                    @else
                        <div class="visual">
                            @unless ($publication->estFigee())
                                <label class="swap"><x-espace-client-app.icone nom="photo" :taille="13" /> Ajouter une photo<input type="file" accept="image/*" wire:model="photo" wire:change="changerLaPhoto"></label>
                            @endunless
                            <span class="tag">{{ $publication->type->label() }}</span>
                            <span class="ev">{{ $espace->nomCourtDuClient() }}</span>
                            <span class="tt">{{ $publication->titre }}</span>
                            <span class="yr">{{ $visuel['lien'] ? 'Le visuel est au bout du lien.' : 'Sans visuel' }}</span>
                        </div>
                    @endif

                    {{-- v4.17.2 §F — Le jumeau de l'écran du client : le lien sous le visuel, avec
                         ou sans image. L'agence voit exactement ce que le client voit. --}}
                    @if (filled($visuel['lien']))
                        <a class="lien-externe" href="{{ $visuel['lien'] }}" target="_blank" rel="noopener noreferrer">
                            Ouvrir le lien ↗
                        </a>
                    @endif
                    <div wire:loading wire:target="photo" class="cap">Envoi de la photo…</div>

                    @if (filled($contenu['texte_fr']))<div class="cap">{{ $contenu['texte_fr'] }}</div>@endif
                    @if (filled($contenu['texte_ar']))<div class="cap ar" lang="ar">{{ $contenu['texte_ar'] }}</div>@endif
                </div>

                @if (filled($publication->notes_internes))
                    <div class="notes-internes"><span class="nl">Notes internes · invisibles pour le client</span>{{ $publication->notes_internes }}</div>
                @endif

                <div class="stateline">{{ $ligneEtat }}</div>

                {{-- LES ACTIONS SELON L'ÉTAT — chacune est un appel au service, rien n'est décidé ici. --}}
                @php($s = $publication->statut)
                <div class="actstack">
                    @if ($s->estModifiable())
                        <div class="actrow">
                            <a wire:navigate class="btn ghost souple" href="{{ route('studio.publication-edition', ['espace' => $espace->id, 'publication' => $publication->id]) }}">{{ $s === \App\Enums\EspaceClient\StatutPublication::Corrections ? 'Corriger' : 'Compléter' }}</a>
                            <button type="button" class="btn primary" wire:click="reproposer" wire:loading.attr="disabled">{{ $s === \App\Enums\EspaceClient\StatutPublication::Corrections ? 'Reproposer au client' : 'Proposer au client' }}</button>
                        </div>
                    @endif
                    @if ($s->attendLeClient())
                        <div class="actrow">
                            <button type="button" class="btn primary" wire:click="relancer" wire:loading.attr="disabled">Relancer le client</button>
                            <button type="button" class="btn ghost" wire:click="basculerLaDecision">Le client a décidé par…</button>
                        </div>
                    @endif
                    @if ($s === \App\Enums\EspaceClient\StatutPublication::Validee || $s === \App\Enums\EspaceClient\StatutPublication::Programmee)
                        <div class="actrow">
                            @if ($s === \App\Enums\EspaceClient\StatutPublication::Validee)
                                <button type="button" class="btn ghost souple" wire:click="programmer" wire:loading.attr="disabled">Programmer</button>
                            @endif
                            <input class="input" type="url" wire:model="lienPublie" placeholder="Lien de la publication en ligne" aria-label="Lien de la publication en ligne">
                            <button type="button" class="btn primary" wire:click="marquerPubliee" wire:loading.attr="disabled">Marquer publiée</button>
                        </div>
                    @endif
                    @if ($s === \App\Enums\EspaceClient\StatutPublication::Publiee && $publication->lien_publie)
                        <div class="actrow"><a class="btn ghost souple" href="{{ $publication->lien_publie }}" target="_blank" rel="noopener noreferrer">Voir en ligne ↗</a></div>
                    @endif
                    @if ($s !== \App\Enums\EspaceClient\StatutPublication::Annulee && $s !== \App\Enums\EspaceClient\StatutPublication::Publiee)
                        <div class="actrow"><button type="button" class="btn danger small" wire:click="basculerLAnnulation">Annuler</button></div>
                    @endif

                    @if ($annulationOuverte)
                        <div class="modbox">
                            <label class="hide" for="motif">Motif de l'annulation</label>
                            <textarea id="motif" wire:model="motif" placeholder="Le motif, en une phrase — il est journalisé et, si le client l'avait vue, il en est prévenu."></textarea>
                            <button type="button" class="btn danger send wide" wire:click="annuler" wire:loading.attr="disabled">Confirmer l'annulation</button>
                        </div>
                    @endif

                    @if ($decisionOuverte)
                        {{-- Une décision reçue AILLEURS (WhatsApp, réunion), reportée pour le compte du client — comme dans Filament. --}}
                        <div class="modbox form">
                            <div class="two">
                                <div class="field"><label for="dec-type">Décision</label>
                                    <select id="dec-type" class="input" wire:model="decision.type">
                                        <option value="valide">Validée</option>
                                        <option value="corrections">Modifications demandées</option>
                                    </select>
                                </div>
                                <div class="field"><label for="dec-canal">Par</label>
                                    <select id="dec-canal" class="input" wire:model="decision.canal">
                                        @foreach ($canauxDecision as $canal)<option value="{{ $canal->value }}">{{ $canal->label() }}</option>@endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="field"><label for="dec-auteur">Qui a décidé</label><input id="dec-auteur" class="input" wire:model="decision.auteur" placeholder="Nom de la personne du client"></div>
                            <div class="field"><label for="dec-com">Remarque</label><textarea id="dec-com" class="input" wire:model="decision.commentaire" placeholder="Obligatoire pour une demande de modification"></textarea></div>
                            <button type="button" class="btn primary wide" wire:click="enregistrerLaDecision" wire:loading.attr="disabled">Enregistrer la décision</button>
                        </div>
                    @endif
                </div>
            </div>

            <div>
                {{-- v4.17.0 §B — LA CONVERSATION : le fil, avec son composeur. --}}
                <livewire:espace-client.app.fil sujet-type="PublicationClient" :sujet-id="$publication->id" :key="'fil-pub-'.$publication->id" />
            </div>
        </div>
    </section>
</x-studio.coquille>