@extends('layouts.app')
@section('title', 'Add Menu Item')
@section('content')
<h4 class="mb-3">Add Menu Item</h4>
<div class="card p-4" style="max-width:500px;">
<form method="POST" action="{{ route('admin.products.store') }}">
    @csrf
    <div class="mb-2"><label class="form-label">Name</label><input name="name" class="form-control" required></div>
    <div class="mb-2">
        <label class="form-label">Category</label>
        <select name="category_id" class="form-select">
            <option value="">-- none --</option>
            @foreach ($categories as $c)<option value="{{ $c->id }}">{{ $c->name }}</option>@endforeach
        </select>
    </div>
    <div class="mb-2">
        <label class="form-label">Preferred Supplier</label>
        <select name="preferred_supplier_id" class="form-select">
            <option value="">-- none --</option>
            @foreach ($suppliers as $s)<option value="{{ $s->id }}">{{ $s->name }}</option>@endforeach
        </select>
    </div>
    <div class="mb-2">
        <label class="form-label">Diet Type</label>
        <select name="diet_type" class="form-select">
            <option value="unspecified">Not specified</option>
            <option value="veg">Veg</option>
            <option value="non_veg">Non-Veg</option>
            <option value="vegan">Vegan</option>
        </select>
    </div>
    <div class="mb-2">
        <label class="form-label">Serving Sequence (optional)</label>
        <select name="serve_sequence" class="form-select">
            <option value="">No preference (serve together / whenever ready)</option>
            <option value="1">Serve 1st</option>
            <option value="2">Serve 2nd</option>
            <option value="3">Serve 3rd</option>
            <option value="4">Serve 4th</option>
            <option value="5">Serve 5th</option>
        </select>
        <div class="form-text">
            Only matters when an order has more than one item — tells kitchen/waitstaff
            what to bring out first. Leave blank for most items; set it for courses that
            genuinely need to be timed (e.g. starters before mains).
        </div>
    </div>
    <div class="mb-2"><label class="form-label">Price</label><input type="number" step="0.01" name="price" class="form-control" required></div>
    <div class="form-check mb-2">
        <input type="checkbox" name="track_inventory" value="1" class="form-check-input" id="trackInv">
        <label class="form-check-label" for="trackInv">Track Inventory</label>
    </div>
    <div class="mb-2"><label class="form-label">Starting Stock Qty</label><input type="number" name="stock_qty" class="form-control" value="0"></div>
    <div class="mb-3"><label class="form-label">Low Stock Threshold</label><input type="number" name="low_stock_threshold" class="form-control" value="5"></div>
    <button class="btn btn-dark">Save Item</button>
</form>
</div>
@endsection