@extends('layouts.app')
@section('title', $ingredient->exists ? 'Edit Ingredient' : 'New Ingredient')

@section('content')
<div class="max-w-2xl space-y-6">
    <div>
        <h1 class="text-xl font-bold">{{ $ingredient->exists ? 'Edit ingredient' : 'New ingredient' }}</h1>
        <p class="text-sm text-ink-muted">Ingredients aren't sold directly — they're consumed by recipes and tracked as stock.</p>
    </div>

    <form method="POST" enctype="multipart/form-data" action="{{ $ingredient->exists ? route('inventory.ingredients.update', $ingredient) : route('inventory.ingredients.store') }}" class="card card-pad space-y-5">
        @csrf
        @if ($ingredient->exists) @method('PUT') @endif
        <input type="hidden" name="selling_price" value="0">
        <input type="hidden" name="is_ingredient" value="1">

        <div class="grid sm:grid-cols-2 gap-4">
            <div><label class="field-label">Ingredient name</label><input type="text" name="name" value="{{ old('name', $ingredient->name) }}" class="input" required></div>
            <div><label class="field-label">SKU</label><input type="text" name="sku" value="{{ old('sku', $ingredient->sku) }}" class="input"></div>
        </div>

        <div class="grid sm:grid-cols-3 gap-4">
            <div>
                <label class="field-label">Department / store group</label>
                <input type="hidden" name="department_id" value="{{ optional($departments->first())->id }}">
                <div class="input bg-surface-muted">Restaurant</div>
                <p class="text-xs text-ink-muted mt-1">All ingredients are restaurant stock items. They are consumed by restaurant recipes.</p>
            </div>
            <div>
                <label class="field-label">Stock unit</label>
                <select name="unit_id" class="input" required>
                    @foreach ($units as $unit)
                        <option value="{{ $unit->id }}" @selected(old('unit_id', $ingredient->unit_id) == $unit->id)>{{ $unit->name }} ({{ $unit->abbreviation }})</option>
                    @endforeach
                </select>
            </div>
            <div><label class="field-label">Cost per unit</label><input type="number" step="0.01" name="cost_price" value="{{ old('cost_price', $ingredient->cost_price) }}" class="input" required></div>
        </div>

        <div class="grid sm:grid-cols-2 gap-4">
            <div>
                <label class="field-label">Restaurant section (optional)</label>
                <select name="section_id" class="input">
                    <option value="">— No specific section</option>
                    @foreach ($sections as $section)
                        <option value="{{ $section->id }}" @selected(old('section_id', $ingredient->section_id) == $section->id)>{{ $section->name }}</option>
                    @endforeach
                </select>
                <p class="text-xs text-ink-muted mt-1">You can add any ingredient. A section is optional and only helps organize restaurant stock.</p>
            </div>
            <div>
                <label class="field-label">Ingredient image</label>
                <input type="file" name="image" accept="image/*" class="input">
            </div>
        </div>

        <div class="grid sm:grid-cols-3 gap-4">
            <div><label class="field-label">Opening stock</label><input type="number" step="0.01" min="0" name="opening_stock" class="input"></div>
            <div><label class="field-label">Reorder level</label><input type="number" step="0.01" min="0" name="reorder_level" value="{{ old('reorder_level', $ingredient->reorder_level) }}" class="input"></div>
            <div><label class="field-label">Expiry date</label><input type="date" name="expiry_date" class="input"></div>
        </div>
        <div><label class="field-label">Opening stock store</label><select name="opening_stock_store_id" class="input"><option value="">Select store…</option>@foreach ($stores as $store)<option value="{{ $store->id }}">{{ $store->name }}</option>@endforeach</select></div>

        <input type="hidden" name="track_stock" value="1">
        <p class="text-xs text-ink-muted">Ingredient stock is always tracked because ingredients are consumed by recipes.</p>
        <input type="hidden" name="tax_type" value="vatable">

        <div class="flex justify-end gap-2 pt-2 border-t border-border">
            <a href="{{ route('inventory.ingredients.index') }}" class="btn-secondary">Cancel</a>
            <button type="submit" class="btn-primary">Save ingredient</button>
        </div>
    </form>
</div>
@endsection