@php $unitOptsAdd = ['g' => 'g', 'kg' => 'kg', 'ml' => 'ml', 'l' => 'L', 'unit' => 'ud']; @endphp

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

    <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 $ing)
                <option value="{{ $ing['id'] }}">{{ str_repeat('— ', $ing['depth']) }}{{ $ing['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" placeholder="Cant." required>
    </div>
    <div class="col-2 col-md-2">
        <select name="unit" class="form-select form-select-sm">
            @foreach($unitOptsAdd as $val => $label)
                <option value="{{ $val }}">{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="col-2 col-md-2">
        <select name="phase" class="form-select form-select-sm">
            <option value="primary">1ª</option>
            <option value="secondary">2ª</option>
        </select>
    </div>
    <div class="col-12 col-md-2">
        <button type="submit" class="btn btn-fermenty-outline btn-sm w-100">+ Añadir</button>
    </div>
</form>