@if ($errors->any())
    <div class="alert form-alert"><strong>Please correct the highlighted fields.</strong></div>
@endif
<div class="admin-form-grid">
    <div class="form-group"><label for="category_id">Category <b>*</b></label><select id="category_id" name="category_id" required><option value="">Select category</option>@foreach($categories as $category)<option value="{{ $category->id }}" @selected((string) old('category_id', $menu->category_id ?? '') === (string) $category->id)>{{ $category->name }}</option>@endforeach</select>@error('category_id')<p class="field-error">{{ $message }}</p>@enderror @if($categories->isEmpty())<p class="field-hint">Create an active category before adding dishes.</p>@endif</div>
    <div class="form-group"><label for="food_type">Food Type <b>*</b></label><select id="food_type" name="food_type" required>@foreach(['Vegetarian','Non-Vegetarian','Vegan'] as $type)<option value="{{ $type }}" @selected(old('food_type', $menu->food_type ?? 'Vegetarian') === $type)>{{ $type }}</option>@endforeach</select>@error('food_type')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="item_name">Item Name <b>*</b></label><input id="item_name" name="item_name" value="{{ old('item_name', $menu->item_name ?? '') }}" required maxlength="150" placeholder="e.g. Paneer Butter Masala">@error('item_name')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="price">Price (&#8377;) <b>*</b></label><input id="price" type="number" name="price" value="{{ old('price', $menu->price ?? '') }}" required min="0" max="99999999.99" step="0.01" placeholder="0.00">@error('price')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="unit">Pricing Unit <b>*</b></label><select id="unit" name="unit" required>@foreach(['Per Plate','Per Piece','Per Kg','Per Tray','Per Person'] as $unit)<option value="{{ $unit }}" @selected(old('unit', $menu->unit ?? 'Per Plate') === $unit)>{{ $unit }}</option>@endforeach</select>@error('unit')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group"><label for="is_available">Availability <b>*</b></label><select id="is_available" name="is_available" required><option value="1" @selected((string) old('is_available', isset($menu) ? (int) $menu->is_available : 1) === '1')>Available</option><option value="0" @selected((string) old('is_available', isset($menu) ? (int) $menu->is_available : 1) === '0')>Unavailable</option></select>@error('is_available')<p class="field-error">{{ $message }}</p>@enderror</div>
    <div class="form-group full-width"><label for="description">Description</label><textarea id="description" name="description" rows="4" maxlength="1000" placeholder="Short description of this menu item">{{ old('description', $menu->description ?? '') }}</textarea>@error('description')<p class="field-error">{{ $message }}</p>@enderror</div>
</div>
<div class="form-actions"><a class="secondary-action" href="{{ route('admin.dishes.index') }}">Cancel</a><button class="primary-action" type="submit">{{ $submitLabel }}</button></div>
@push('scripts')<script src="{{ asset('js/searchable-select.js') }}"></script>@endpush
@push('scripts')<script>
(()=>{
  SearchableSelect.init(document.getElementById('category_id'),{placeholder:'Search or select category...'});
  SearchableSelect.init(document.getElementById('food_type'),{placeholder:'Select food type...'});
  SearchableSelect.init(document.getElementById('unit'),{placeholder:'Select pricing unit...'});
  SearchableSelect.init(document.getElementById('is_available'),{placeholder:'Select availability...'});
})();
</script>@endpush