@extends('layouts.app')

@section('title', 'Add Menu Item')

@section('content')
<div class="container">
    <div class="page-heading">
        <div>
            <div class="eyebrow">Restaurant Menu</div>
            <h1>Add Menu Item</h1>
            <p>Enter the item information, then add ingredients to calculate nutrition.</p>
        </div>
    </div>

    <div class="card">
        <form
            method="POST"
            action="{{ route('dashboard.menu-items.store') }}"
            enctype="multipart/form-data"
        >
            @csrf


<div class="grid grid-2">
    <div class="form-group">
        <label>Category</label>

        <select name="category_id" required>
            <option value="">Choose category</option>

            @foreach($categories as $category)
                <option
                    value="{{ $category->id }}"
                    @selected(
                        old('category_id', $menuItem->category_id ?? '') == $category->id
                    )
                >
                    {{ $category->name }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="form-group">
        <label>Menu item name</label>

        <input
            type="text"
            name="name"
            value="{{ old('name', $menuItem->name ?? '') }}"
            placeholder="Example: Grilled Chicken Bowl"
            required
        >
    </div>

    <div class="form-group">
        <label>Price</label>

        <input
            type="number"
            step="0.01"
            name="price"
            value="{{ old('price', $menuItem->price ?? '') }}"
            required
        >
    </div>

    <div class="form-group">
        <label>Food or drink photo</label>
        <input type="file" name="photo" accept="image/*">
    </div>
</div>

<div class="form-group">
    <label>Description</label>

    <textarea
        name="description"
        placeholder="Describe the meal, flavors and preparation."
    >{{ old('description', $menuItem->description ?? '') }}</textarea>
</div>

<div class="check-row">
    <input
        id="is_available"
        type="checkbox"
        name="is_available"
        value="1"
        {{ old('is_available', $menuItem->is_available ?? true) ? 'checked' : '' }}
    >

    <label for="is_available">Available on public menu</label>
</div>


            <button
                type="submit"
                class="btn btn-primary"
                style="margin-top: 22px;"
            >
                Save and Add Ingredients
            </button>
        </form>
    </div>
</div>
@endsection