{{--
    Detail des decoupes d'une commande, sous sa ligne de l'index. Replie par
    defaut ; le picto decoupe de la ligne le deroule (script en bas de
    index.blade.php, animation d'accordeon.js).

    Tout vient de la ligne que l'api a deja servie (nom, type, etat,
    laseriste, dates, observations) : ouvrir le detail ne coute aucune
    requete. Seules les pieces jointes sont locales, chargees une fois pour
    la page par le controleur.

    Le suivi d'une ligne (laseriste, dates, etat) et ses pieces jointes se
    saisissent ici, dans les fenetres de l'ecran des decoupes (crayon et
    trombone, _decoupe-gestes) ; retirer un fichier se fait la-bas, ou mene le
    lien du bas. L'ajout d'une decoupe oubliee aussi (_decoupes-ajout), pour
    qui peut modifier la commande — y compris sur une commande qui n'en a
    aucune, d'ou le tableau conditionnel.

    Variables : $commandeId, $decoupes (collection de tableaux de l'api),
    $documents (pieces jointes par ligne de commande_decoupe).
--}}
@php
    $date = fn ($d) => $d ? \Illuminate\Support\Carbon::parse($d)->format('d/m/Y') : '—';
    // Le crayon du suivi, le trombone et la poubelle (_decoupe-gestes) :
    // la colonne n'existe que pour qui peut s'en servir.
    $gestes = auth()->user()?->hasAnyPermission(['commande_decoupes.edit', 'commande_decoupes.joindre', 'commandes.decoupes']);
@endphp

<tr class="cmd-decoupes-detail d-none" id="decoupes-{{ $commandeId }}">
    <td colspan="12" class="p-0">
        <div class="ac-accordeon">
            <div class="ac-accordeon-corps">
                <div class="cmd-decoupes-detail-corps">
                    @if ($decoupes->isNotEmpty())
                    <table class="table table-sm align-middle mb-2 no-cards">
                        <thead>
                            <tr>
                                <th>{{ __('Découpe') }}</th>
                                <th>{{ __('Lasériste') }}</th>
                                <th>{{ __('Envoi') }}</th>
                                <th>{{ __('Réception') }}</th>
                                <th>{{ __('Pièces jointes') }}</th>
                                <th>{{ __('Observations') }}</th>
                                <th>{{ __('État') }}</th>
                                @if ($gestes)
                                    <th><span class="visually-hidden">{{ __('Actions') }}</span></th>
                                @endif
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($decoupes as $decoupe)
                                @php
                                    $ligneId = (int) ($decoupe['commande_decoupe_id'] ?? 0);
                                    $type = \App\Helpers\CommandeHelper::libelle('decoupe_types', $decoupe['type'] ?? null, '');
                                    $etat = \App\Helpers\CommandeHelper::decoupeEtat($decoupe['etat'] ?? null, '');
                                    $laseriste = \App\Helpers\CommandeHelper::laseriste($decoupe['laseriste'] ?? null, '');
                                    $pieces = $documents[$ligneId] ?? collect();
                                    $notes = collect($decoupe['observations'] ?? [])
                                        ->filter(fn ($o) => trim((string) ($o['observation'] ?? '')) !== '');
                                @endphp
                                <tr>
                                    <td data-label="{{ __('Découpe') }}">
                                        {{-- En majuscules, comme sur l'ecran des decoupes : la
                                             base les garde en minuscules. --}}
                                        <span class="fw-semibold">{{ filled($decoupe['nom'] ?? null)
                                            ? \App\Helpers\CommandeHelper::nomTraduit(mb_strtoupper($decoupe['nom'], 'UTF-8'))
                                            : __('Découpe') . ' #' . $ligneId }}</span>
                                        @if ($type !== '')
                                            <span class="text-muted small">· {{ $type }}</span>
                                        @endif
                                        {{-- Reprise de l'ancien logiciel sans son nom : on
                                             peut le lui donner. --}}
                                        @if (empty($decoupe['id']) && $ligneId > 0)
                                            @can('commandes.decoupes')
                                                @include('admin.commandes._decoupe-definir', ['commandeId' => $commandeId, 'ligneId' => $ligneId])
                                            @endcan
                                        @endif
                                    </td>
                                    <td data-label="{{ __('Lasériste') }}">{{ $laseriste !== '' ? $laseriste : '—' }}</td>
                                    <td data-label="{{ __('Envoi') }}" class="text-nowrap">{{ $date($decoupe['date_envoi'] ?? null) }}</td>
                                    <td data-label="{{ __('Réception') }}" class="text-nowrap">{{ $date($decoupe['date_reception'] ?? null) }}</td>
                                    <td data-label="{{ __('Pièces jointes') }}">
                                        @if ($pieces->isNotEmpty())
                                            <div class="d-flex flex-wrap gap-1">
                                                @foreach ($pieces as $piece)
                                                    {{-- Image en grand sur place (js/visionneuse.js),
                                                         PDF dans un onglet. --}}
                                                    <a href="{{ asset('storage/' . $piece->url) }}" target="_blank" rel="noopener"
                                                        title="{{ $piece->description ?? __('Pièce jointe') }}"
                                                        @if ($piece->estImage())
                                                            data-visionneuse="decoupe-{{ $ligneId }}"
                                                            data-legende="{{ $piece->description ?: __('Pièce jointe') }}"
                                                        @endif>
                                                        @if ($piece->estImage())
                                                            <img src="{{ $piece->vignetteUrl() }}" loading="lazy"
                                                                alt="{{ $piece->description ?? __('Pièce jointe') }}"
                                                                class="cmd-decoupes-vignette border rounded">
                                                        @else
                                                            <span class="btn btn-outline-danger btn-sm py-0">
                                                                <i class="bi bi-file-earmark-pdf"></i> PDF
                                                            </span>
                                                        @endif
                                                    </a>
                                                @endforeach
                                            </div>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td data-label="{{ __('Observations') }}" class="cmd-decoupes-notes">
                                        @if ($notes->isNotEmpty())
                                            @include('admin.commandes._decoupe-notes', ['notes' => $notes->all()])
                                        @elsecannot('commandes.decoupes')
                                            <span class="text-muted">—</span>
                                        @endif
                                        @if ($ligneId > 0)
                                            @can('commandes.decoupes')
                                                @include('admin.commandes._decoupe-noter', ['commandeId' => $commandeId, 'ligneId' => $ligneId, 'vue' => 'liste'])
                                            @endcan
                                        @endif
                                    </td>
                                    <td data-label="{{ __('État') }}">
                                        @if ($etat !== '')
                                            <span class="cmd-tag {{ \App\Helpers\CommandeHelper::decoupeEtatClasse($decoupe['etat'] ?? null) }}">{{ $etat }}</span>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    @if ($gestes)
                                        <td data-label="{{ __('Actions') }}" class="text-nowrap text-end">
                                            @include('admin.commande_decoupes._decoupe-gestes', ['decoupe' => $decoupe, 'commandeId' => $commandeId, 'documents' => $documents, 'vue' => 'liste'])
                                        </td>
                                    @endif
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    @can('commande_decoupes.view')
                        <a href="{{ route('commande_decoupes.index', ['q' => $commandeId]) }}" class="small">
                            <i class="bi bi-box-arrow-up-right"></i> {{ __('Suivre ces découpes') }}
                        </a>
                    @endcan
                    @endif

                    @can('commandes.decoupes')
                        @include('admin.commandes._decoupes-ajout', [
                            'commandeId' => $commandeId,
                            'dejaPosees' => $decoupes->pluck('id')->filter()->all(),
                        ])
                    @endcan
                </div>
            </div>
        </div>
    </td>
</tr>