@extends('admin.layouts.admin')

@section('title', 'Ficha del motor — ' . $fermento->name)

@section('content')

<div class="mb-3">
    <a href="{{ route('admin.fermentos.show', $fermento) }}" class="btn-back">← {{ $fermento->name }}</a>
</div>

<div class="admin-page-title">Ficha del motor — {{ $fermento->name }}</div>
<p class="admin-page-sub">
    Modelo <strong>{{ $modelo->nombre() }}</strong> · {{ $modelo->descripcion() }}<br>
    <strong>Editar la ficha solo afecta a las tandas futuras</strong> — cada tanda lleva la suya congelada.
</p>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif
@if($errors->any())
    <div class="alert alert-danger">Revisa los campos: {{ $errors->count() }} con valores fuera de rango.</div>
@endif
@if(!empty($ingredientesRoto))
    <div class="alert alert-warning">
        <strong>Ingredientes sin resolver:</strong> los presets referencian
        {{ implode(', ', $ingredientesRoto) }}, que no existe(n) en el catálogo.
        El motor apuntaría al vacío al formular. (Se afina en la tarea 7.5 del catálogo de ingredientes.)
    </div>
@endif

<form method="POST" action="{{ route('admin.fermentos.ficha.update', $fermento) }}">
    @csrf
    @method('PUT')
    <input type="hidden" name="ficha[meta][modelo]" value="{{ $modelo->clave() }}">

    <div class="admin-card mb-4">
        <div class="admin-card-title">Procedencia</div>
        <label class="form-label">Origen <span class="text-muted">— de qué versión del Afinador salieron estos valores</span></label>
        <input type="text" class="form-control" name="ficha[meta][origen]"
               value="{{ old('ficha.meta.origen', data_get($ficha, 'meta.origen')) }}"
               placeholder="p. ej. afinador-kombucha_9.jsx">
    </div>

    @foreach($grupos as $grupo)
        <div class="admin-card mb-4">
            <div class="admin-card-title">{{ $grupo['titulo'] }}</div>
            @isset($grupo['ayuda'])<p class="admin-page-sub">{{ $grupo['ayuda'] }}</p>@endisset

            <div class="row g-2">
                @foreach($grupo['campos'] as $campo)
                    @php $nombre = 'ficha[' . str_replace('.', '][', $campo['clave']) . ']'; @endphp
                    <div class="col-md-6">
                        <label class="form-label" style="margin-bottom:2px;">
                            {{ $campo['etiqueta'] }}
                            <span class="text-muted" style="font-weight:400;">— {{ $campo['ayuda'] }}</span>
                        </label>
                        <input type="number" step="{{ $campo['paso'] }}" min="{{ $campo['min'] }}" max="{{ $campo['max'] }}"
                               class="form-control form-control-sm" style="max-width:200px;"
                               name="{{ $nombre }}"
                               value="{{ old('ficha.' . $campo['clave'], data_get($ficha, $campo['clave'])) }}">
                    </div>
                @endforeach
            </div>
        </div>
    @endforeach

    {{-- Presets: lista editable · cuatro ejes (0–1) + tres elecciones de ingrediente --}}
    <div class="admin-card mb-4">
        <div class="admin-card-title">Presets</div>
        <p class="admin-page-sub">
            Los puntos de partida de este fermento. Las columnas las declara su modelo, así que no
            son las mismas en todos: la kombucha se afina con cuatro ejes y el kéfir con azúcar y
            hora de corte. Deja el identificador vacío para omitir una fila; usa las de abajo para añadir.
        </p>
        <div class="table-responsive">
            <table class="table table-sm align-middle">
                <thead>
                    <tr>
                        @foreach($bloquePerfiles['campos'] as $def)
                            <th>{{ $def['etiqueta'] }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    {{-- Dónde viven los perfiles y qué columnas tienen lo dice el MODELO:
                         la kombucha los guarda en `presets` con cuatro ejes, el kéfir en
                         `perfiles` con azúcar y horas. Estaba escrito a mano, así que un
                         fermento con otra forma veía una tabla vacía con las columnas de
                         otro. --}}
                    @php
                        $clave = $bloquePerfiles['clave'];
                        $filas = array_values($ficha[$clave] ?? []);
                    @endphp
                    @for($i = 0; $i < count($filas) + 2; $i++)
                        <tr>
                            @foreach(array_keys($bloquePerfiles['campos']) as $campo)
                                @php
                                    $valor = old("ficha.{$clave}.{$i}.{$campo}", $filas[$i][$campo] ?? '');
                                    $rango = $bloquePerfiles['campos'][$campo]['rango'] ?? null;
                                @endphp
                                <td>
                                    @if($rango)
                                        <input type="number" step="{{ $rango['paso'] }}" min="{{ $rango['min'] }}" max="{{ $rango['max'] }}"
                                               class="form-control form-control-sm" style="width:90px;"
                                               name="ficha[{{ $clave }}][{{ $i }}][{{ $campo }}]" value="{{ $valor }}">
                                    @else
                                        <input type="text" class="form-control form-control-sm" style="min-width:90px;"
                                               name="ficha[{{ $clave }}][{{ $i }}][{{ $campo }}]" value="{{ $valor }}">
                                    @endif
                                </td>
                            @endforeach
                        </tr>
                    @endfor
                </tbody>
            </table>
        </div>
    </div>

    <div class="d-flex gap-2 mb-5">
        <button type="submit" class="btn btn-fermenty-primary">Guardar ficha</button>
        <a href="{{ route('admin.fermentos.show', $fermento) }}" class="btn btn-fermenty-outline">Cancelar</a>
    </div>
</form>

@endsection