{{-- v4.17.0 §A2.4 — LA FICHE D'UN LIVRABLE (agence) : versions, état, gestes, conversation. --}}
<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.livrables', ['espace' => $espace->id]) }}" aria-label="Retour aux livrables"><x-espace-client-app.icone nom="retour" :taille="18" /></a>
            <span class="bt">Livrable</span>
            <span class="pill {{ $etat['pastille'] }}" style="margin-inline-start:auto">{{ $etat['etat'] }}</span>
        </div>

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

        <div class="dcols">
            <div>
                <div class="fiche">
                    <p class="ft">{{ $livrable->titre }}</p>
                    <p class="fm">{{ $livrable->reference }}{{ $livrable->poste ? ' · '.$livrable->poste->libelle : '' }}{{ $livrable->type ? ' · '.($livrable->type) : '' }}</p>
                    <div class="fpill">
                        <span class="pill {{ $etat['pastille'] }}">{{ $etat['etat'] }}</span>
                        @if ($livrable->version_courante > 0)<span class="pill prep">Version {{ $livrable->version_courante }}</span>@endif
                    </div>
                    <div class="frow"><span class="fk">Situation</span><span class="fv" style="font-weight:500">{{ $etat['detail'] }}</span></div>
                    @if ($livrable->echeance_le)<div class="frow"><span class="fk">Échéance</span><span class="fv">{{ $livrable->echeance_le->format('d/m/Y') }}</span></div>@endif
                    @if ($reponseAttendueLe && $livrable->statut->attendLeClient())<div class="frow"><span class="fk">Réponse avant</span><span class="fv">{{ $reponseAttendueLe->format('d/m/Y') }}</span></div>@endif
                    @if ($livrable->responsable)<div class="frow"><span class="fk">Responsable</span><span class="fv">{{ $livrable->responsable->full_name }}</span></div>@endif
                    @if (filled($livrable->lien_drive))<div class="frow"><span class="fk">Dossier</span><span class="fv"><a class="flien" href="{{ $livrable->lien_drive }}" target="_blank" rel="noopener noreferrer">Ouvrir le dossier ↗</a></span></div>@endif
                    @if (filled($livrable->notes_internes))<div class="notes-internes"><span class="nl">Notes internes</span>{{ $livrable->notes_internes }}</div>@endif
                </div>

                <div class="actstack">
                    <div class="actrow">
                        <a wire:navigate class="btn primary" href="{{ route('studio.livrable-remise', ['espace' => $espace->id, 'livrable' => $livrable->id]) }}">{{ $livrable->version_courante > 0 ? 'Remettre une nouvelle version' : 'Remettre au client' }}</a>
                        @if ($livrable->statut->attendLeClient())
                            <button type="button" class="btn gold" wire:click="relancer" wire:loading.attr="disabled">Relancer</button>
                        @endif
                    </div>
                    @if ($livrable->version_courante > 0 && ! $livrable->statut->estValide())
                        <div class="actrow"><button type="button" class="btn ghost souple" wire:click="basculerLaDecision">Le client a décidé par…</button></div>
                    @endif
                    @if ($decisionOuverte)
                        <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é</option>
                                        <option value="corrections">Corrections demandées</option>
                                        <option value="refus">Refusé</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"></textarea></div>
                            <button type="button" class="btn primary wide" wire:click="enregistrerLaDecision" wire:loading.attr="disabled">Enregistrer la décision</button>
                        </div>
                    @endif
                </div>

                @if ($versions !== [])
                    <p class="slabel">Versions</p>
                    <div class="list">
                        @foreach ($versions as $version)
                            <div class="rowc">
                                <span class="fic">v{{ $version['numero'] }}</span>
                                <span class="body">
                                    <span class="nm">Version {{ $version['numero'] }}{{ $version['courante'] ? ' · courante' : '' }}</span>
                                    <span class="mt">Remise le {{ $version['remis_le']?->format('d/m/Y H:i') }}{{ $version['message'] ? ' · '.\Illuminate\Support\Str::limit($version['message'], 80) : '' }}</span>
                                    @foreach ($version['pieces'] as $piece)
                                        <span class="mt">@if ($piece['url'])<a class="flien" href="{{ $piece['url'] }}" target="_blank" rel="noopener noreferrer">{{ $piece['nom'] }} ↗</a>@else{{ $piece['nom'] }}@endif</span>
                                    @endforeach
                                </span>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>

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