@extends('layouts.app')
@section('titre', 'Fiche emballage')
@section('contenu')
    <div id="bandeau-sync">Connecté</div>
    <h1>Fiche emballage — journée du {{ $journee->date_reference->translatedFormat('l d/m/Y') }}</h1>

    <div class="actions">
        <span class="badge-operateur">Opérateur : <strong>{{ $operateur->nomComplet() }}</strong>
            <a href="{{ route('terrain.operateur', ['retour' => request()->getRequestUri()]) }}" class="btn ghost sm">Changer</a></span>
        <span class="compteur">{{ $fiche->saisies->count() }} ligne(s)</span>
        <a href="{{ route('terrain.choix') }}" class="btn ghost sm">Retour</a>
    </div>

    <p class="muted">Tableau identique à l'onglet « Fiche emballage ». La 1re colonne est une liste déroulante : chaque produit est suivi
        du nombre de <strong>caisses à emballer dans la journée</strong> (pétrins produits × caisses/pétrin). Toutes les cellules sont
        saisissables ; choisir un produit sur une ligne vide crée la ligne, puis chaque champ s'enregistre automatiquement.</p>

    @php
        // Fragment réutilisé pour la liste déroulante « Produit ».
        $optionsProduit = function ($selected = null) use ($produitsFinis, $caissesParProduit) {
            $html = '';
            foreach ($produitsFinis as $pf) {
                $sel = (string) $selected === (string) $pf->id ? ' selected' : '';
                $html .= '<option value="' . $pf->id . '"' . $sel . '>'
                    . e($pf->designation) . ' — ' . (($caissesParProduit[$pf->id] ?? 0) + 0) . ' caisses</option>';
            }
            return $html;
        };
        $optionsOperateur = function ($selected = null) use ($operateurs) {
            $html = '<option value="">—</option>';
            foreach ($operateurs as $o) {
                $sel = (string) $selected === (string) $o->id ? ' selected' : '';
                $html .= '<option value="' . $o->id . '"' . $sel . '>' . e($o->nomComplet()) . '</option>';
            }
            return $html;
        };
    @endphp

    <div class="table-fige">
    <table class="table-terrain table-emballage"
           data-store-url="{{ route('terrain.emballage.store', $fiche) }}"
           data-update-url="{{ route('terrain.emballage.update', ['saisie' => '__ID__']) }}">
        <tr>
            <th>PRODUITS</th><th>conducteur machine</th><th>Mise en caisse</th>
            <th>Heure début</th><th>Heure fin</th><th class="num">Qté caisse</th>
            <th>Observations</th><th class="num">PERTES</th>
        </tr>

        @foreach($fiche->saisies as $saisie)
            <tr data-saisie-id="{{ $saisie->id }}">
                <td><select name="produit_fini_id">{!! $optionsProduit($saisie->produit_fini_id) !!}</select></td>
                <td><select name="conducteur_id">{!! $optionsOperateur($saisie->conducteur_id) !!}</select></td>
                <td><select name="operateur_caisse_id">{!! $optionsOperateur($saisie->operateur_caisse_id) !!}</select></td>
                <td><input type="time" name="heure_debut" value="{{ $saisie->heure_debut }}"></td>
                <td><input type="time" name="heure_fin" value="{{ $saisie->heure_fin }}"></td>
                <td class="num"><input type="number" name="qte_caisse" value="{{ $saisie->qte_caisse + 0 }}" min="0" step="1"></td>
                <td><input type="text" name="observations" value="{{ $saisie->observations }}" maxlength="300"></td>
                <td class="num"><input type="number" name="pertes" value="{{ $saisie->pertes + 0 }}" min="0" step="1"></td>
            </tr>
        @endforeach

        {{-- Lignes vides entièrement saisissables : choisir un produit crée la ligne (les autres champs déjà remplis sont conservés). --}}
        @for($i = 0; $i < 5; $i++)
            <tr data-nouveau="1">
                <td><select name="produit_fini_id"><option value="">— choisir un produit —</option>{!! $optionsProduit() !!}</select></td>
                <td><select name="conducteur_id">{!! $optionsOperateur() !!}</select></td>
                <td><select name="operateur_caisse_id">{!! $optionsOperateur() !!}</select></td>
                <td><input type="time" name="heure_debut"></td>
                <td><input type="time" name="heure_fin"></td>
                <td class="num"><input type="number" name="qte_caisse" min="0" step="1"></td>
                <td><input type="text" name="observations" maxlength="300"></td>
                <td class="num"><input type="number" name="pertes" min="0" step="1"></td>
            </tr>
        @endfor
    </table>
    </div>
@endsection