@extends('admin.layout')

@section('title', __('Découpes des commandes'))

@section('content')

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div><!-- End Page Title -->

    <section class="section contact">
        <div class="row gy-4">
            <div class="col-xl-12">
                <div class="card p-4">

                    {{-- Les zones (data-zone) : ce que js/sur-place.js remplace apres
                         un geste, sans recharger la page — messages, compteurs,
                         lignes, pagination, pieces jointes. Le reste ne bouge pas. --}}
                    <div data-zone="messages">
                    @if (session('success'))
                        <div class="alert alert-success">{{ session('success') }}</div>
                    @endif
                    @if (session('error'))
                        <div class="alert alert-danger">{{ session('error') }}</div>
                    @endif

                    {{-- Un fichier refuse — trop lourd, mauvais format — revient ici :
                         sans ce bloc, le formulaire du modal echouerait sans un mot. --}}
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    </div>

                    {{-- La liste vient de la base, elle reste juste : seuls le
                         client et la ville manquent, l'api seule les résout. --}}
                    @if ($sansClient && $lignes->total() > 0)
                        <div class="alert alert-warning">
                            {{ __("L'api ne répond pas : le client et la ville ne peuvent pas être affichés. Le reste de la liste est à jour.") }}
                        </div>
                    @endif

                    {{-- Recherche côté serveur : elle porte sur toute la table,
                         pas seulement sur la page affichée. Les filtres actifs
                         partent en champs cachés pour ne pas les perdre. --}}
                    <form method="get" action="{{ route('commande_decoupes.index') }}" class="mb-3">
                        @foreach ($filtres as $champ => $valeur)
                            <input type="hidden" name="{{ $champ }}" value="{{ $valeur }}">
                        @endforeach
                        @if ($tri !== '')
                            <input type="hidden" name="tri" value="{{ $tri }}">
                        @endif
                        @foreach ($commandesFiltre as $id)
                            <input type="hidden" name="commandes[]" value="{{ $id }}">
                        @endforeach

                        <div class="input-group">
                            <input type="text" name="q" class="form-control" value="{{ $q }}"
                                placeholder="{{ __('Rechercher (commande, devis, découpe, modèle…)') }}">
                            <button class="btn btn-primary" type="submit">
                                <i class="bi bi-search"></i>
                            </button>
                            @if ($q !== '')
                                <a href="{{ route('commande_decoupes.index', $filtres + ($commandesFiltre ? ['commandes' => $commandesFiltre] : [])) }}" class="btn btn-secondary">
                                    {{ __('Réinitialiser') }}
                                </a>
                            @endif
                        </div>
                    </form>

                    {{-- Arrive du tableau de bord (sante des donnees) : pas de
                         pastille pour ce filtre, seulement la puce qui dit ce
                         qu'on regarde et permet d'en sortir. --}}
                    @if ($sansLaseriste)
                        <div class="cmd-puces mb-2">
                            <a href="{{ request()->fullUrlWithoutQuery(['vue', 'page']) }}" class="cmd-puce" title="{{ __('Retirer ce filtre') }}">
                                {{ __('Anomalie : :quoi', ['quoi' => \App\Services\Acportail\TableauBordService::libelleVue('sans_laseriste')]) }}
                                <i class="bi bi-x"></i>
                            </a>
                        </div>
                    @endif
                    {{-- Arrive de la selection de la liste des commandes : la puce
                         dit lesquelles, et celles qui n'ont aucune decoupe ; la
                         croix rend la liste entiere. --}}
                    @if ($commandesFiltre)
                        <div class="cmd-puces mb-2">
                            <a href="{{ request()->fullUrlWithoutQuery(['commandes', 'page']) }}" class="cmd-puce" title="{{ __('Retirer ce filtre') }}">
                                {{ __('Commandes de la sélection : :ids', ['ids' => implode(', ', $commandesFiltre)]) }}
                                <i class="bi bi-x"></i>
                            </a>
                            @if ($commandesSansDecoupe)
                                <span class="small ms-2">
                                    <i class="bi bi-info-circle"></i>
                                    {{ __('Sans découpe, rien à suivre : :ids', ['ids' => implode(', ', $commandesSansDecoupe)]) }}
                                </span>
                            @endif
                        </div>
                    @endif
                    <div data-zone="filtres">
                        @include('admin.commande_decoupes._filtres')
                    </div>

                    <div class="cmd-divider"></div>

                    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-2">
                        <span class="text-muted small" data-zone="compte">
                            {{ __(':n découpe(s) posée(s)', ['n' => $lignes->total()]) }}
                            @if ($lignes->lastPage() > 1)
                                — {{ __('page :courante / :total', ['courante' => $lignes->currentPage(), 'total' => $lignes->lastPage()]) }}
                            @endif
                        </span>
                    </div>

                    @php
                        // Evalue avant le tableau : l'en-tete en depend aussi. La
                        // selection ne sert qu'a poser le suivi d'un lot, elle suit
                        // donc le droit de modifier.
                        $peutModifier = auth()->user()?->can('commande_decoupes.edit');
                    @endphp

                    <div class="table-responsive-sm">
                        {{-- Une ligne par decoupe, comme l'index des commandes (meme feuille,
                             cmd-table-compacte) : les libelles longs sont coupes, leur
                             texte entier reste au survol. --}}
                        <table class="table table-hover table-responsive align-middle cmd-table-compacte" id="decoupes-table">
                            <thead>
                                <tr>
                                    @if ($peutModifier)
                                        {{-- Coche de page : elle ne parle que des lignes
                                             affichees, jamais de la selection entiere. --}}
                                        <th scope="col" class="cmd-coche">
                                            <input type="checkbox" class="form-check-input" id="cmd-tout-cocher"
                                                title="{{ __('Tout cocher sur cette page') }}"
                                                aria-label="{{ __('Tout cocher sur cette page') }}">
                                        </th>
                                    @endif
                                    <th scope="col">{{ __('Commande') }}</th>
                                    <th scope="col">{{ __('Client') }}</th>
                                    <th scope="col">{{ __('Ville') }}</th>
                                    {{-- Plan du bureau d'etude : colonne a lui, icone PDF, comme
                                         sur l'index des commandes. --}}
                                    <th scope="col" class="text-center">{{ __('Plan') }}</th>
                                    <th scope="col">{{ __('Modèle') }}</th>
                                    <th scope="col">{{ __('Découpe') }}</th>
                                    {{-- cmd-col-large : masquees entre 768 et 1400 px, ou quinze
                                         colonnes ne tiennent pas. Le laseriste reste dans le filtre,
                                         les dates dans la modale d'edition. --}}
                                    <th scope="col" class="cmd-col-large">{{ __('Lasériste') }}</th>
                                    <th scope="col" class="cmd-col-large">{{ __('Envoi') }}</th>
                                    <th scope="col" class="cmd-col-large">{{ __('Réception') }}</th>
                                    {{-- Echeance de la commande : ce qui ordonne le tri par
                                         echeance. Meme sablier que sur l'index des commandes. --}}
                                    <th scope="col" class="text-center" title="{{ __('Jours restants avant la réception prévue') }}">
                                        <i class="bi bi-hourglass-split" aria-hidden="true"></i><span class="visually-hidden">{{ __('Échéance') }}</span>
                                    </th>
                                    {{-- Deux etats : celui de la commande (usine) et celui de la
                                         decoupe (laseriste). Les libelles passent a la ligne,
                                         sinon ils elargiraient seuls leur colonne. --}}
                                    <th scope="col" class="cmd-th-ligne">{{ __('État de la commande') }}</th>
                                    <th scope="col" class="cmd-th-ligne">{{ __('État de la découpe') }}</th>
                                    {{-- Un trombone plutot que le mot : l'en-tete elargissait a lui
                                         seul une colonne de petits boutons. Le texte masque sert de
                                         libelle aux cartes sur telephone (responsive-tables.js). --}}
                                    <th scope="col" class="text-center" title="{{ __('Pièces jointes') }}">
                                        <i class="bi bi-paperclip" aria-hidden="true"></i><span class="visually-hidden">{{ __('Pièces jointes') }}</span>
                                    </th>
                                    <th scope="col"></th>
                                </tr>
                            </thead>
                            <tbody data-zone="lignes">
                                @php
                                    // Évalués une fois pour la page plutôt qu'à chaque ligne.
                                    $peutVoirCommande = auth()->user()?->can('commandes.view');
                                    // La poubelle d'une ligne posee par erreur : le droit de
                                    // l'ajout, comme sous une commande de la liste.
                                    $peutRetirer = auth()->user()?->can('commandes.decoupes');
                                    $peutVoirClient = auth()->user()?->can('clients.view');
                                    $peutVoirDevis = auth()->user()?->can('devis.view');
                                @endphp

                                @forelse ($lignes as $ligne)
                                    @php
                                        // L'api rend la commande complète : on n'en garde que
                                        // ce que la base ne sait pas dire.
                                        $commande = ($clients ?? [])[$ligne->commande_id] ?? null;
                                        $client = $commande['client'] ?? null;
                                        $devis = $commande['devis'] ?? null;

                                        // Le nom vient du contact Gestan ; si le contact n'a pas
                                        // pu être résolu, le devis porte souvent la même raison
                                        // sociale et évite une ligne vide.
                                        $nomClient = $client['libelle'] ?? ($devis['raison_sociale'] ?? null);

                                        // Gestan n'a pas résolu le contact : plutôt qu'un tiret
                                        // sur lequel cliquer, on remet l'identifiant, qui reste
                                        // la seule prise pour retrouver la fiche.
                                        if (!$nomClient && !empty($ligne->client_id)) {
                                            $nomClient = __('Client') . ' ' . $ligne->client_id;
                                        }

                                        $ville = trim($devis['ville'] ?? '');
                                    @endphp
                                    {{-- data-ligne : la ligne qu'un autre poste a changee se
                                         surligne quand la liste se relit (js/sur-place.js). --}}
                                    <tr data-ligne="{{ $ligne->id }}">
                                        @if ($peutModifier)
                                            <td class="cmd-coche">
                                                <input type="checkbox" class="form-check-input cmd-case"
                                                    value="{{ $ligne->id }}"
                                                    aria-label="{{ __('Sélectionner la découpe de la commande :id', ['id' => $ligne->commande_id]) }}">
                                            </td>
                                        @endif
                                        {{-- Le numero, et en exception la priorite de la commande
                                             (hors NORMALE), comme sur l'index des commandes. --}}
                                        @php
                                            $prioriteLibelle = (int) $ligne->priorite !== 1
                                                ? \App\Helpers\CommandeHelper::priorite($ligne->priorite, '')
                                                : '';
                                        @endphp
                                        <th scope="row" class="text-nowrap">
                                            {{ $ligne->commande_id }}
                                            @if ($prioriteLibelle !== '')
                                                <span class="cmd-tag cmd-tag-mini {{ \App\Helpers\CommandeHelper::prioriteClasse($ligne->priorite) }}"
                                                    title="{{ $prioriteLibelle }}">{{ ['URGENT' => 'URG'][$prioriteLibelle] ?? $prioriteLibelle }}</span>
                                            @endif
                                        </th>

                                        {{-- Client : lien vers la fiche Gestan. Sans identifiant
                                             ou sans le droit de la consulter, on garde le nom en
                                             texte simple plutôt qu'un lien mort. --}}
                                        <td class="cmd-client-nom cmd-souple cmd-souple-client">
                                            @if (!empty($ligne->client_id) && $peutVoirClient)
                                                <a href="{{ route('clients.show', $ligne->client_id) }}"
                                                    class="cmd-lien cmd-coupe" title="{{ $nomClient }}">{{ $nomClient ?: '—' }}</a>
                                            @else
                                                <span class="cmd-coupe" title="{{ $nomClient }}">{{ $nomClient ?: '—' }}</span>
                                            @endif
                                        </td>

                                        {{-- Ville du chantier, portée par le devis. Zéro n'est
                                             pas un numéro : c'est la marque d'une commande sans
                                             devis. --}}
                                        <td class="cmd-client-nom cmd-souple cmd-souple-ville">
                                            @if ((int) $ligne->devis_id > 0 && $peutVoirDevis)
                                                <a href="{{ route('devis.show', $ligne->devis_id) }}"
                                                    class="cmd-lien cmd-coupe" title="{{ $ville }} — {{ __('Devis :id', ['id' => $ligne->devis_id]) }}">{{ $ville ?: '—' }}</a>
                                            @else
                                                <span class="cmd-coupe" title="{{ $ville }}">{{ $ville ?: '—' }}</span>
                                            @endif
                                        </td>

                                        @php
                                            $libelleModele = $ligne->modele ? mb_strtoupper($ligne->modele, 'UTF-8') : '—';
                                            // Comme l'index des commandes : le code RAL seul
                                            // dans la cellule, le nom complet dans l'infobulle.
                                            $couleurModele = $ligne->couleur ? \App\Helpers\CommandeHelper::couleur($ligne->couleur, '') : '';
                                            $couleurCourte = $ligne->couleur ? \App\Helpers\CommandeHelper::couleurCourte($ligne->couleur, '') : '';
                                        @endphp
                                        <td class="text-center text-nowrap">
                                            @if (!empty($ligne->url))
                                                <a href="{{ $ligne->url }}" target="_blank" rel="noopener" class="badge cmd-opt-ico cmd-plan"
                                                    title="{{ __('Plan du bureau d’étude') }}" aria-label="{{ __('Plan du bureau d’étude') }}">
                                                    <i class="bi bi-file-earmark-pdf"></i>
                                                </a>
                                            @endif
                                        </td>

                                        <td class="cmd-souple cmd-souple-modele">
                                            <span class="cmd-coupe" title="{{ trim($libelleModele . ($couleurModele ? ' · ' . $couleurModele : '')) }}">
                                                {{ $libelleModele }}
                                                @if ($couleurModele)
                                                    <span class="text-muted small">· {{ $couleurCourte }}</span>
                                                @endif
                                            </span>
                                        </td>

                                        {{-- 873 lignes sur 1248 n'ont pas de decoupe_id : elles
                                             existent quand même, avec leur date et leur
                                             lasériste. On les montre plutôt que de les taire. --}}
                                        <td class="cmd-souple cmd-souple-decoupe">
                                            @if ($ligne->decoupe_nom)
                                                @php
                                                    $nomDecoupe = \App\Helpers\CommandeHelper::nomTraduit(mb_strtoupper($ligne->decoupe_nom, 'UTF-8'));
                                                    $typeDecoupe = $ligne->decoupe_type ? \App\Helpers\CommandeHelper::decoupeType($ligne->decoupe_type) : '';
                                                @endphp
                                                <span class="cmd-coupe" title="{{ $nomDecoupe }}{{ $typeDecoupe ? ' · ' . $typeDecoupe : '' }}">
                                                    {{ $nomDecoupe }}
                                                    @if ($typeDecoupe)
                                                        <span class="text-muted small">· {{ $typeDecoupe }}</span>
                                                    @endif
                                                </span>
                                            @elseif ($peutModifier)
                                                {{-- Reprise de l'ancien logiciel sans son nom. La colonne
                                                     est trop etroite pour une liste (96 px sur un
                                                     portable) : le bouton ouvre la fenetre « Modifier »
                                                     de la ligne, sur son champ Decoupe. --}}
                                                <button type="button" class="btn btn-outline-primary btn-sm cmd-decoupe-nommer"
                                                    title="{{ __('Définir la découpe') }}">
                                                    <i class="bi bi-pencil"></i> {{ __('Définir') }}
                                                </button>
                                            @else
                                                <span class="cmd-coupe text-muted" title="{{ __('Non précisée') }}">{{ __('Non précisée') }}</span>
                                            @endif
                                        </td>

                                        <td class="cmd-col-large">{{ \App\Helpers\CommandeHelper::laseriste($ligne->laseriste, '—') }}</td>

                                        <td class="text-nowrap cmd-col-large">
                                            @if ($ligne->date_envoi)
                                                {{ \Carbon\Carbon::parse($ligne->date_envoi)->format('d/m/y') }}
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>

                                        <td class="text-nowrap cmd-col-large">
                                            @if ($ligne->date_reception)
                                                {{ \Carbon\Carbon::parse($ligne->date_reception)->format('d/m/y') }}
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>

                                        {{-- Echeance de la commande, calculee comme sur l'index des
                                             commandes : seulement tant qu'il reste a la fabriquer. --}}
                                        <td class="text-nowrap text-center">
                                            @php
                                                $previsionnelle = \App\Helpers\CommandeHelper::datePrevue(
                                                    \App\Helpers\CommandeHelper::depart($ligne->commande_created_at, $ligne->commande_lancee_le),
                                                    $ligne->maconnerie,
                                                    $ligne->cintrage,
                                                    $ligne->commande_etat,
                                                    $ligne->date_entrepot,
                                                    $ligne->relaquage_envoi,
                                                );
                                                $echeance = \App\Helpers\CommandeHelper::echeance($previsionnelle);
                                            @endphp

                                            @if ($echeance)
                                                <span class="cmd-tag {{ $echeance['classe'] }}"
                                                    title="{{ __('Réception prévue le :date', ['date' => $previsionnelle->format('d/m/Y')]) }}">
                                                    <i class="bi {{ $echeance['jours'] < 0 ? 'bi-hourglass-bottom' : 'bi-hourglass-split' }} me-1"></i>{{ $echeance['libelle'] }}
                                                </span>
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>

                                        {{-- Etat de la commande a l'usine --}}
                                        <td>
                                            @php
                                                $etatCommande = \App\Helpers\CommandeHelper::etat($ligne->commande_etat, '');
                                            @endphp

                                            @if ($etatCommande !== '')
                                                <span class="cmd-tag {{ \App\Helpers\CommandeHelper::etatClasse($ligne->commande_etat) }}">{{ $etatCommande }}</span>
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>

                                        {{-- Etat de la decoupe chez le laseriste --}}
                                        <td>
                                            @php
                                                $etatLibelle = \App\Helpers\CommandeHelper::decoupeEtat($ligne->etat, '');
                                            @endphp

                                            @if ($etatLibelle !== '')
                                                <span
                                                    class="cmd-tag {{ \App\Helpers\CommandeHelper::decoupeEtatClasse($ligne->etat) }}">{{ $etatLibelle }}</span>
                                            @else
                                                <span class="text-muted">—</span>
                                            @endif
                                        </td>

                                        {{-- Ce que le fabricant a envoye pour cette ligne-la :
                                             photos, plan corrige. Le detail et le depot vivent
                                             dans le modal, sous le tableau — une colonne le plus
                                             souvent vide n'a pas a porter un formulaire. --}}
                                        <td class="text-nowrap text-center cmd-pj">
                                            @php
                                                $pieces = $documents[$ligne->id] ?? collect();
                                                $nbNotes = count($notes[$ligne->id] ?? []);
                                            @endphp

                                            {{-- La meme fenetre porte les notes de la ligne : le
                                                 bouton les compte a cote des fichiers. --}}
                                            <button type="button"
                                                class="btn btn-sm {{ $pieces->isNotEmpty() || $nbNotes ? 'btn-secondary' : 'btn-outline-secondary' }}"
                                                data-bs-toggle="modal" data-bs-target="#pieces-jointes-{{ $ligne->id }}"
                                                title="{{ __('Pièces jointes et notes') }}">
                                                <i class="bi bi-paperclip"></i>
                                                @if ($pieces->isNotEmpty())
                                                    {{ $pieces->count() }}
                                                @endif
                                                @if ($nbNotes)
                                                    <i class="bi bi-chat-left-text ms-1"></i> {{ $nbNotes }}
                                                @endif
                                            </button>
                                        </td>

                                        <td class="text-nowrap cmd-actions">
                                            @if ($peutVoirCommande)
                                                <a href="{{ route('commandes.show', $ligne->commande_id) }}"
                                                    class="btn btn-info btn-sm" title="{{ __('Voir') }}">
                                                    <i class="bi bi-eye"></i>
                                                </a>
                                            @endif
                                            {{-- Ouvre la modale d'edition, partagee par toutes les
                                                 lignes : le bouton lui passe les valeurs de la sienne. --}}
                                            @if ($peutModifier)
                                                <button type="button" class="btn btn-success btn-sm decoupe-modifier"
                                                    title="{{ __('Modifier') }}"
                                                    data-bs-toggle="modal" data-bs-target="#modale-decoupe"
                                                    data-id="{{ $ligne->id }}"
                                                    data-titre="{{ __('Commande') }} #{{ $ligne->commande_id }}{{ $nomClient ? ' · ' . $nomClient : '' }}"
                                                    data-decoupe="{{ $ligne->decoupe_id }}"
                                                    data-laseriste="{{ $ligne->laseriste }}"
                                                    data-envoi="{{ $ligne->date_envoi ? \Carbon\Carbon::parse($ligne->date_envoi)->format('Y-m-d') : '' }}"
                                                    data-reception="{{ $ligne->date_reception ? \Carbon\Carbon::parse($ligne->date_reception)->format('Y-m-d') : '' }}"
                                                    data-etat="{{ $ligne->etat }}">
                                                    <i class="bi bi-pencil"></i>
                                                </button>
                                            @endif
                                            {{-- Retirer une ligne posee par erreur, tant qu'elle est
                                                 vierge (CommandeDecoupe::suiviCommence) : la meme
                                                 poubelle que sous une commande de la liste. Envoyee
                                                 sur place (js/sur-place.js), le toast la remet. --}}
                                            @if ($peutRetirer && !\App\Models\CommandeDecoupe::suiviCommence($ligne, $pieces->isNotEmpty(), $nbNotes > 0))
                                                @php
                                                    $nomRetrait = $ligne->decoupe_nom ? mb_strtoupper($ligne->decoupe_nom, 'UTF-8') : '#' . $ligne->id;
                                                @endphp
                                                <form method="post" action="{{ route('commandes.decoupes.retirer', [$ligne->commande_id, $ligne->id]) }}"
                                                    class="d-inline"
                                                    onsubmit="return confirm(@js(__('Retirer la découpe :nom de la commande :id ?', ['nom' => $nomRetrait, 'id' => $ligne->commande_id])));">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger btn-sm"
                                                        title="{{ __('Retirer la découpe :nom', ['nom' => $nomRetrait]) }}"
                                                        aria-label="{{ __('Retirer la découpe :nom', ['nom' => $nomRetrait]) }}">
                                                        <i class="bi bi-trash"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="{{ $peutModifier ? 15 : 14 }}" class="text-center text-muted py-4">
                                            {{ __('Aucune découpe ne correspond à cette recherche.') }}
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    {{-- Barre de selection, la meme que sur l'index des commandes
                         (js/commandes/selection.js) : fixe en bas, elle apparait des
                         qu'une ligne est cochee, et la selection se vide au changement
                         de page. Sans etiquettes ici : elle ne pose qu'un etat.
                         `data-cle` ne sert plus qu'a effacer l'ancienne pile gardee
                         dans l'onglet. --}}
                    @if ($peutModifier)
                        <div id="cmd-selection" class="cmd-selection d-none"
                            data-table="decoupes-table" data-cle="commande_decoupes.selection"
                            data-max="{{ \App\Http\Controllers\CommandeDecoupeController::MAX_SELECTION }}"
                            data-vider="{{ session('selection_appliquee') ? '1' : '' }}"
                            data-cocher="{{ session('cocher_decoupes') ? '1' : '' }}">

                            <span class="cmd-selection-compte" id="cmd-selection-compte"
                                data-texte="{{ __(':n découpe(s) sélectionnée(s)') }}"></span>

                            <span class="cmd-selection-trop d-none" id="cmd-selection-trop"
                                data-texte="{{ __('Maximum :n découpes à la fois.') }}"></span>

                            {{-- Lasériste, envoi, réception, état : l'ordre des colonnes.
                                 Chaque champ est facultatif, seul ce qui est rempli
                                 s'applique — un envoi chez un lasériste n'efface pas les
                                 états posés ligne par ligne. --}}
                            <form action="{{ route('commande_decoupes.selection') }}" method="post"
                                id="cmd-selection-etat-form" class="d-flex align-items-center flex-wrap gap-2"
                                data-confirmation="{{ __('Appliquer ces valeurs aux :n découpe(s) sélectionnée(s) ?') }}">
                                @csrf
                                <div id="cmd-selection-etat-ids"></div>

                                <select name="laseriste" class="form-select form-select-sm cmd-selection-etat"
                                    aria-label="{{ __('Lasériste') }}" title="{{ __('Lasériste') }}">
                                    <option value="">{{ __('Lasériste') }}</option>
                                    @foreach (config('commandes.laseristes', []) as $code => $meta)
                                        <option value="{{ $code }}">{{ \App\Helpers\CommandeHelper::laseriste($code) }}</option>
                                    @endforeach
                                </select>

                                <label class="small text-muted mb-0" for="selection-envoi">{{ __('Envoi') }}</label>
                                <input type="date" name="date_envoi" id="selection-envoi"
                                    class="form-control form-control-sm cmd-selection-date">

                                <label class="small text-muted mb-0" for="selection-reception">{{ __('Réception') }}</label>
                                <input type="date" name="date_reception" id="selection-reception"
                                    class="form-control form-control-sm cmd-selection-date">

                                <select name="etat" class="form-select form-select-sm cmd-selection-etat"
                                    aria-label="{{ __('Nouvel état') }}" title="{{ __('Nouvel état') }}">
                                    <option value="">{{ __('Nouvel état') }}</option>
                                    @foreach (config('commandes.decoupe_etats', []) as $code => $meta)
                                        <option value="{{ $code }}">{{ \App\Helpers\CommandeHelper::decoupeEtat($code) }}</option>
                                    @endforeach
                                </select>

                                <button type="submit" class="btn btn-outline-primary btn-sm"
                                    id="cmd-selection-etat-bouton">{{ __('Appliquer') }}</button>
                            </form>

                            <button type="button" class="btn btn-outline-secondary btn-sm"
                                id="cmd-selection-vider">{{ __('Tout désélectionner') }}</button>
                        </div>
                    @endif

                    <div data-zone="pagination">{{ $lignes->links() }}</div>

                    {{-- Un modal par ligne, rendus après le tableau : posés dans une
                         cellule, Bootstrap les place par rapport au tableau et le fond
                         gris déborde. Ils portent ce que la colonne ne peut pas montrer
                         — la liste des pièces jointes, et le formulaire de dépôt. --}}
                    <div data-zone="pieces">
                    @foreach ($lignes as $ligne)
                        @php $pieces = $documents[$ligne->id] ?? collect(); @endphp

                        <div class="modal fade" id="pieces-jointes-{{ $ligne->id }}" tabindex="-1" data-rester
                            aria-labelledby="pieces-jointes-titre-{{ $ligne->id }}" aria-hidden="true">
                            <div class="modal-dialog modal-lg modal-dialog-scrollable">
                                <div class="modal-content">

                                    <div class="modal-header">
                                        <h5 class="modal-title" id="pieces-jointes-titre-{{ $ligne->id }}">
                                            {{ __('Pièces jointes et notes') }}
                                            <span class="text-muted">
                                                &mdash; {{ __('Commande') }} #{{ $ligne->commande_id }}
                                                @if ($ligne->decoupe_nom)
                                                    &middot;
                                                    {{ \App\Helpers\CommandeHelper::nomTraduit(mb_strtoupper($ligne->decoupe_nom, 'UTF-8')) }}
                                                @endif
                                            </span>
                                        </h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal"
                                            aria-label="{{ __('Fermer') }}"></button>
                                    </div>

                                    <div class="modal-body">
                                        {{-- Les notes de la ligne : ce qui porte sur cette
                                             decoupe-la, signe de son auteur. Ajout seulement ;
                                             une erreur se defait par le toast « Annuler ». --}}
                                        <h6>{{ __('Notes') }}</h6>
                                        @if (!empty($notes[$ligne->id]))
                                            <div class="mb-2">
                                                @include('admin.commandes._decoupe-notes', ['notes' => $notes[$ligne->id]])
                                            </div>
                                        @else
                                            <p class="text-muted small">{{ __('Aucune note pour cette découpe.') }}</p>
                                        @endif

                                        @if ($peutModifier)
                                            <form action="{{ route('commandes.decoupes.noter', [$ligne->commande_id, $ligne->id]) }}"
                                                method="post" class="mb-3">
                                                @csrf
                                                <input type="hidden" name="vue" value="suivi">
                                                <label class="visually-hidden" for="note-{{ $ligne->id }}">{{ __('Note sur cette découpe') }}</label>
                                                <textarea name="observation" id="note-{{ $ligne->id }}" class="form-control" rows="2"
                                                    maxlength="2000" required
                                                    placeholder="{{ __('Une cote, un prix, ce que le lasériste a dit…') }}"></textarea>
                                                <button type="submit" class="btn btn-primary btn-sm mt-2">
                                                    <i class="bi bi-chat-left-text"></i> {{ __('Ajouter la note') }}
                                                </button>
                                            </form>
                                        @endif

                                        <h6 class="border-top pt-3">{{ __('Pièces jointes') }}</h6>
                                        @forelse ($pieces as $piece)
                                            <div class="d-flex align-items-start gap-3 border rounded p-2 mb-2">

                                                {{-- Une image se regarde en grand par-dessus la fenetre
                                                     (js/visionneuse.js), un PDF s'ouvre dans un onglet :
                                                     le type se lit sur l'extension, pas dans une colonne. --}}
                                                <a href="{{ asset('storage/' . $piece->url) }}" target="_blank"
                                                    rel="noopener"
                                                    @if ($piece->estImage())
                                                        data-visionneuse="decoupe-{{ $ligne->id }}"
                                                        data-legende="{{ $piece->description ?: __('Pièce jointe') }}"
                                                        title="{{ __('Voir en grand') }}"
                                                    @endif>
                                                    @if ($piece->estImage())
                                                        <img src="{{ $piece->vignetteUrl() }}"
                                                            alt="{{ $piece->description ?? __('Pièce jointe') }}"
                                                            style="max-height: 80px; max-width: 120px; object-fit: contain;">
                                                    @else
                                                        <span class="btn btn-outline-danger btn-sm">
                                                            <i class="bi bi-file-earmark-pdf"></i> PDF
                                                        </span>
                                                    @endif
                                                </a>

                                                <div class="flex-grow-1">
                                                    @if (filled($piece->description))
                                                        {{ $piece->description }}
                                                    @else
                                                        {{-- Le fabricant n'accompagne pas toujours ses envois :
                                                             le dire vaut mieux qu'une case vide. --}}
                                                        <span class="text-muted">{{ __('Sans description') }}</span>
                                                    @endif

                                                    {{-- Pas le nom du fichier : `store()` le remplace
                                                         par un hash, il n'apprend rien a personne. --}}
                                                    @if ($piece->created_at)
                                                        <div class="text-muted small">
                                                            {{ $piece->created_at->format('d/m/Y') }}
                                                        </div>
                                                    @endif
                                                </div>

                                                @can('commande_decoupes.retirer')
                                                    <form
                                                        action="{{ route('commande_decoupes.retirer', [$ligne->id, $piece->id]) }}"
                                                        method="post"
                                                        onsubmit="return confirm(@js(__('Retirer cette pièce jointe ? Le fichier sera supprimé.')));">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="btn btn-danger btn-sm"
                                                            title="{{ __('Retirer') }}">
                                                            <i class="bi bi-trash"></i>
                                                        </button>
                                                    </form>
                                                @endcan
                                            </div>
                                        @empty
                                            <p class="text-muted">{{ __('Aucune pièce jointe pour cette découpe.') }}</p>
                                        @endforelse

                                        @can('commande_decoupes.joindre')
                                            <form action="{{ route('commande_decoupes.joindre', $ligne->id) }}"
                                                method="post" enctype="multipart/form-data" class="border-top pt-3 mt-3">
                                                @csrf

                                                <div class="mb-2">
                                                    <label class="form-label"
                                                        for="fichier-{{ $ligne->id }}">{{ __('Fichier') }}</label>
                                                    <input type="file" name="fichier" id="fichier-{{ $ligne->id }}"
                                                        class="form-control" accept="image/*,application/pdf" required data-apercu
                                                        data-reduire="{{ \App\Services\Documents\PieceJointe::COTE_MAX }}">
                                                    <div class="form-text">{{ __('Image ou PDF. Une photo est réduite à :n px avant l’envoi ; un PDF, 10 Mo maximum.', ['n' => \App\Services\Documents\PieceJointe::COTE_MAX]) }}</div>
                                                </div>

                                                <div class="mb-2">
                                                    <label class="form-label"
                                                        for="description-{{ $ligne->id }}">{{ __('Description') }}</label>
                                                    <input type="text" name="description"
                                                        id="description-{{ $ligne->id }}" class="form-control"
                                                        placeholder="{{ __('Facultatif — ce que montre le fichier') }}">
                                                </div>

                                                <button type="submit" class="btn btn-primary">
                                                    <i class="bi bi-paperclip"></i> {{ __('Joindre') }}
                                                </button>
                                            </form>
                                        @endcan
                                    </div>

                                </div>
                            </div>
                        </div>
                    @endforeach
                    </div>

                    {{-- Edition du suivi d'une ligne : la meme fenetre que sous une
                         commande de la liste et dans la fiche. --}}
                    @include('admin.commande_decoupes._modale-suivi', ['catalogue' => $catalogue])

                </div>
            </div>
        </div>
    </section>

    {{-- Meme feuille que l'index des commandes : pastilles, etiquettes et
         separateurs sont les memes composants. --}}
    <link rel="stylesheet" href="@assetV('css/commandes/commandes-toolbar.css')">
    <script src="@assetV('js/commandes/selection.js')" defer></script>
    <script src="@assetV('js/commandes/decoupe-suivi.js')"></script>

    {{-- « Définir » d'une decoupe sans nom : la fenetre de sa ligne, le
         curseur deja dans le champ Decoupe. --}}
    <script>
        document.addEventListener('click', function (e) {
            var bouton = e.target.closest('.cmd-decoupe-nommer');
            if (!bouton) {
                return;
            }

            var modale = document.getElementById('modale-decoupe');
            modale.addEventListener('shown.bs.modal', function () {
                modale.querySelector('[data-champ="decoupe"]').focus();
            }, { once: true });

            bouton.closest('tr').querySelector('.decoupe-modifier').click();
        });
    </script>
@endsection