@extends('layouts.app')

@section('title', 'Ingredientes — ' . $batch->name)

@php
    $unitOptions = ['g' => 'g', 'kg' => 'kg', 'ml' => 'ml', 'l' => 'L', 'unit' => 'ud'];
    $stepOptions = $batch->steps->sortBy(fn ($s) => $s->step_number)->values();
    $fmt = fn ($v) => $v !== null ? rtrim(rtrim(number_format((float) $v, 3, '.', ''), '0'), '.') : '';
@endphp

@section('content')

<div class="row justify-content-center">
    <div class="col-12 col-lg-8">

        <div class="mb-4">
            <a href="{{ route('batches.show', $batch) }}" class="btn-back">← {{ $batch->name }}</a>
        </div>

        <div class="page-title">Ingredientes del lote</div>
        <p class="page-subtitle">
            Ajusta los ingredientes de <strong>este lote</strong> sobre la marcha. No cambia la receta original.
        </p>

        {{-- Ingredientes actuales --}}
        @forelse($batch->ingredients->sortBy([['batch_step_id', 'asc'], ['id', 'asc']]) as $ing)
            <div class="fermenty-card mb-3">
                <form method="POST" action="{{ route('batches.ingredients.update', [$batch, $ing]) }}"
                      class="row g-2 align-items-end">
                    @csrf @method('PUT')

                    <div class="col-12 col-md-4">
                        <label class="form-label">Ingrediente</label>
                        <input type="text" name="name" class="form-control form-control-sm"
                               value="{{ old('name', $ing->name) }}" required>
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Cantidad</label>
                        <input type="number" step="0.001" min="0" name="quantity"
                               class="form-control form-control-sm" value="{{ $fmt($ing->quantity) }}" required>
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Unidad</label>
                        <select name="unit" class="form-select form-select-sm">
                            @foreach($unitOptions as $val => $label)
                                <option value="{{ $val }}" {{ $ing->unit === $val ? 'selected' : '' }}>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Paso</label>
                        <select name="batch_step_id" class="form-select form-select-sm">
                            <option value="">General</option>
                            @foreach($stepOptions as $s)
                                <option value="{{ $s->id }}" {{ $ing->batch_step_id == $s->id ? 'selected' : '' }}>
                                    {{ $s->step_number }}. {{ Str::limit($s->title, 20) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6 col-md-2">
                        <label class="form-label">Fase</label>
                        <select name="phase" class="form-select form-select-sm">
                            <option value="primary"   {{ $ing->phase === 'primary' ? 'selected' : '' }}>Primaria</option>
                            <option value="secondary" {{ $ing->phase === 'secondary' ? 'selected' : '' }}>Secundaria</option>
                        </select>
                    </div>

                    <div class="col-12 col-md-8">
                        <input type="text" name="notes" class="form-control form-control-sm"
                               placeholder="Notas (opcional)" value="{{ old('notes', $ing->notes) }}">
                    </div>
                    <div class="col-12 col-md-4">
                        <button type="submit" class="btn btn-fermenty-primary btn-sm w-100">Guardar</button>
                    </div>
                </form>

                <form method="POST" action="{{ route('batches.ingredients.destroy', [$batch, $ing]) }}"
                      onsubmit="return confirm('¿Eliminar este ingrediente del lote?')" class="text-end mt-2">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-fermenty-outline btn-sm"
                            style="color:#7A1A1A;border-color:#d8b4b4;">Eliminar</button>
                </form>
            </div>
        @empty
            <div class="fermenty-card mb-3">
                <div class="text-muted">Este lote aún no tiene ingredientes.</div>
            </div>
        @endforelse

        {{-- Añadir ingrediente --}}
        <div class="fermenty-card mt-2">
            <div class="card-title">Añadir ingrediente</div>
            <form method="POST" action="{{ route('batches.ingredients.store', $batch) }}"
                  class="row g-2 align-items-end mt-1">
                @csrf

                <div class="col-12 col-md-4">
                    <label class="form-label">Ingrediente</label>
                    <input type="text" name="name" class="form-control form-control-sm @error('name') is-invalid @enderror"
                           value="{{ old('name') }}" placeholder="Ej. Zumo de jengibre" required>
                    @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-6 col-md-2">
                    <label class="form-label">Cantidad</label>
                    <input type="number" step="0.001" min="0" name="quantity"
                           class="form-control form-control-sm @error('quantity') is-invalid @enderror"
                           value="{{ old('quantity') }}" required>
                </div>
                <div class="col-6 col-md-2">
                    <label class="form-label">Unidad</label>
                    <select name="unit" class="form-select form-select-sm">
                        @foreach($unitOptions as $val => $label)
                            <option value="{{ $val }}" {{ old('unit') === $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <label class="form-label">Paso</label>
                    <select name="batch_step_id" class="form-select form-select-sm">
                        <option value="">General</option>
                        @foreach($stepOptions as $s)
                            <option value="{{ $s->id }}" {{ old('batch_step_id') == $s->id ? 'selected' : '' }}>
                                {{ $s->step_number }}. {{ Str::limit($s->title, 20) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6 col-md-2">
                    <label class="form-label">Fase</label>
                    <select name="phase" class="form-select form-select-sm">
                        <option value="primary">Primaria</option>
                        <option value="secondary">Secundaria</option>
                    </select>
                </div>

                <div class="col-12 col-md-10">
                    <input type="text" name="notes" class="form-control form-control-sm"
                           placeholder="Notas (opcional)" value="{{ old('notes') }}">
                </div>
                <div class="col-12 col-md-2">
                    <button type="submit" class="btn btn-fermenty-primary btn-sm w-100">+ Añadir</button>
                </div>
            </form>
        </div>

    </div>
</div>

@endsection