{{-- La liste des commandes scannées, partagée par l'index et la page scanner.

     Les lignes sont préparées par ScanController::ligne(), sous la même forme
     que celle renvoyée en json quand la caméra lit une étiquette : la page
     scanner peut donc en insérer une sans recharger, avec exactement le même
     balisage. Toucher à ce fichier, c'est toucher aux deux. --}}

<div class="table-responsive-sm">
    <table class="table table-hover align-middle" id="scans-table">
        <thead>
            <tr>
                <th scope="col">{{ __('ID') }}</th>
                <th scope="col">{{ __('Client') }}</th>
                <th scope="col">{{ __('Ville') }}</th>
                <th scope="col">{{ __('Modèle') }}</th>
                <th scope="col">{{ __('État actuel') }}</th>
                <th scope="col"></th>
            </tr>
        </thead>
        <tbody id="scans-lignes">
            @forelse ($lignes as $ligne)
                <tr data-commande="{{ $ligne['id'] }}">
                    <th scope="row">{{ $ligne['id'] }}</th>
                    <td>{{ $ligne['client'] }}</td>
                    <td>{{ $ligne['ville'] }}</td>
                    <td>
                        {{ $ligne['modele'] }}
                        <div class="text-muted small">{{ $ligne['couleur'] }}</div>
                    </td>
                    <td><span class="cmd-tag {{ $ligne['classe'] }}">{{ $ligne['etat'] }}</span></td>
                    <td class="text-nowrap">
                        @can('scans.ajouter')
                            <form action="{{ route('scans.retirer', $ligne['id']) }}" method="post"
                                style="display: inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-outline-danger btn-sm"
                                    title="{{ __('Retirer de la liste') }}">
                                    <i class="bi bi-x-lg"></i>
                                </button>
                            </form>
                        @endcan
                    </td>
                </tr>
            @empty
                <tr id="scans-vide">
                    <td colspan="6" class="text-center text-muted py-4">
                        {{ __('Aucune commande scannée.') }}
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

@if ($lignes->isNotEmpty())
    <div class="d-flex flex-wrap align-items-end gap-3 border-top pt-3 mt-2">
        @can('scans.appliquer')
            {{-- Le changement porte sur toute la liste d'un coup : c'est le sens
                 de l'écran, et le nombre est rappelé sur le bouton pour qu'on ne
                 valide pas trente commandes en croyant en valider trois. --}}
            <form action="{{ route('scans.appliquer') }}" method="post"
                class="d-flex flex-wrap align-items-end gap-2"
                onsubmit="return confirm(@js(__('Appliquer cet état aux :n commande(s) scannée(s) ?', ['n' => $lignes->count()])));">
                @csrf

                <div>
                    <label class="form-label" for="etat">{{ __('Nouvel état') }}</label>
                    <select name="etat" id="etat" class="form-select" required>
                        <option value="">{{ __('Choisir…') }}</option>
                        @foreach ($etats as $code => $meta)
                            <option value="{{ $code }}" @selected(old('etat') == $code)>{{ __($meta['label']) }}</option>
                        @endforeach
                    </select>
                </div>

                {{-- AU LAQUAGE est un depart chez le laqueur : il faut dire lequel,
                     et quand. Ces champs n'apparaissent que pour cet etat. --}}
                <div class="scan-laquage d-none">
                    <label class="form-label" for="scan-laqueur">{{ __('Laqueur') }} <span class="text-danger">*</span></label>
                    <select name="laqueur" id="scan-laqueur" class="form-select @error('laqueur') is-invalid @enderror" disabled>
                        <option value="">{{ __('-- Choisir --') }}</option>
                        @foreach (config('commandes.laqueurs', []) as $code => $meta)
                            <option value="{{ $code }}" @selected(old('laqueur') == $code)>{{ \App\Helpers\CommandeHelper::laqueur($code) }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="scan-laquage d-none">
                    <label class="form-label" for="scan-date-envoi">{{ __('Date d’envoi') }} <span class="text-danger">*</span></label>
                    <input type="date" max="{{ now()->toDateString() }}" name="date_envoi" id="scan-date-envoi" class="form-control"
                        value="{{ old('date_envoi', now()->toDateString()) }}" disabled>
                </div>

                <script>
                    (function () {
                        var etat = document.getElementById('etat');
                        var auLaquage = @json(array_map('strval', config('commandes.etats_par_laquage', [])));

                        // Masques ET desactives hors AU LAQUAGE : un `required`
                        // cache bloquerait l'envoi sans rien afficher.
                        function maj() {
                            var montrer = auLaquage.indexOf(etat.value) !== -1;

                            document.querySelectorAll('.scan-laquage').forEach(function (bloc) {
                                bloc.classList.toggle('d-none', !montrer);
                                bloc.querySelectorAll('select, input').forEach(function (champ) {
                                    champ.disabled = !montrer;
                                    champ.required = montrer;
                                });
                            });
                        }

                        etat.addEventListener('change', maj);
                        maj();
                    })();
                </script>

                <button type="submit" class="btn btn-primary">
                    <i class="bi bi-check2-all"></i>
                    {{ __('Appliquer aux :n commande(s)', ['n' => $lignes->count()]) }}
                </button>
            </form>
        @endcan

        @can('scans.ajouter')
            <form action="{{ route('scans.vider') }}" method="post"
                onsubmit="return confirm(@js(__('Vider la liste ? Les états ne seront pas modifiés.')));">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-outline-secondary">
                    {{ __('Vider la liste') }}
                </button>
            </form>
        @endcan
    </div>
@endif