@php
    $unitOpts = ['g' => 'g', 'kg' => 'kg', 'ml' => 'ml', 'l' => 'L', 'unit' => 'ud'];
    $fmtq = fn ($v) => $v !== null ? rtrim(rtrim(number_format((float) $v, 3, '.', ''), '0'), '.') : '';
@endphp

<form method="POST" action="{{ route('admin.recetas.wizard.ing.update', [$recipe, $ing]) }}"
      class="row g-1 align-items-end mb-1">
    @csrf @method('PUT')
    <input type="hidden" name="guide_step_id" value="{{ $ing->guide_step_id }}">

    <div class="col-5 col-md-4">
        <select name="ingredient_id" class="form-select form-select-sm" required>
            <option value="">Ingrediente…</option>
            @foreach($ingredients as $opt)
                <option value="{{ $opt['id'] }}" {{ $ing->ingredient_id == $opt['id'] ? 'selected' : '' }}>{{ str_repeat('— ', $opt['depth']) }}{{ $opt['name'] }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-3 col-md-2">
        <input type="number" step="0.001" min="0" name="quantity" class="form-control form-control-sm" value="{{ $fmtq($ing->quantity) }}" required>
    </div>
    <div class="col-2 col-md-2">
        <select name="unit" class="form-select form-select-sm">
            @foreach($unitOpts as $val => $label)
                <option value="{{ $val }}" {{ $ing->unit === $val ? 'selected' : '' }}>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-2 col-md-2">
        <select name="phase" class="form-select form-select-sm">
            <option value="primary"   {{ $ing->phase === 'primary' ? 'selected' : '' }}>1ª</option>
            <option value="secondary" {{ $ing->phase === 'secondary' ? 'selected' : '' }}>2ª</option>
        </select>
    </div>
    <div class="col-12 col-md-2 d-flex gap-1">
        <button type="submit" class="btn btn-fermenty-primary btn-sm flex-grow-1">Guardar</button>
    </div>
</form>
<form method="POST" action="{{ route('admin.recetas.wizard.ing.delete', [$recipe, $ing]) }}"
      onsubmit="return confirm('¿Eliminar ingrediente?')" class="text-end mb-2" style="margin-top:-6px;">
    @csrf @method('DELETE')
    <button type="submit" class="btn-xs-admin" style="color:#7A1A1A;">Eliminar ingrediente</button>
</form>