@extends('layouts.admin')
@section('title', isset($food) ? 'Edit Food Item' : 'Add Food Item')
@section('content')
<div class="max-w-4xl">
    <div class="flex items-center gap-3 mb-6">
        <a href="{{ route('admin.food-items.index') }}" class="text-cream/50 hover:text-gold text-sm">
            <i class="fas fa-arrow-left mr-1"></i>Back
        </a>
        <span class="text-cream/30">/</span>
        <span class="text-cream/70 text-sm">{{ isset($food) ? 'Edit: '.$food->name : 'New Food Item' }}</span>
    </div>

    <form method="POST"
          action="{{ isset($food) ? route('admin.food-items.update', $food) : route('admin.food-items.store') }}"
          enctype="multipart/form-data">
        @csrf
        @if(isset($food)) @method('PUT') @endif

        <div class="grid lg:grid-cols-3 gap-6">
            {{-- Main Info --}}
            <div class="lg:col-span-2 space-y-5">
                <div class="admin-card p-6">
                    <h3 class="font-playfair text-cream text-base font-semibold mb-5">Basic Information</h3>
                    <div class="grid sm:grid-cols-2 gap-4">
                        <div>
                            <label class="form-label">Name (English) *</label>
                            <input type="text" name="name" value="{{ old('name', $food->name ?? '') }}" required class="form-input">
                            @error('name')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                        </div>
                        <div>
                            <label class="form-label">Name (Bangla)</label>
                            <input type="text" name="name_bn" value="{{ old('name_bn', $food->name_bn ?? '') }}" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Category *</label>
                            <select name="category_id" required class="form-input">
                                <option value="">Select Category</option>
                                @foreach($categories as $cat)
                                <option value="{{ $cat->id }}" {{ old('category_id', $food->category_id ?? '') == $cat->id ? 'selected':'' }}>{{ $cat->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="form-label">Subcategory</label>
                            <select name="subcategory_id" class="form-input">
                                <option value="">None</option>
                                @foreach($categories as $cat)
                                @foreach($cat->subcategories as $sub)
                                <option value="{{ $sub->id }}" {{ old('subcategory_id', $food->subcategory_id ?? '') == $sub->id ? 'selected':'' }}>{{ $cat->name }} › {{ $sub->name }}</option>
                                @endforeach
                                @endforeach
                            </select>
                        </div>
                        <div class="sm:col-span-2">
                            <label class="form-label">Short Description</label>
                            <input type="text" name="short_description" value="{{ old('short_description', $food->short_description ?? '') }}" class="form-input" maxlength="200">
                        </div>
                        <div class="sm:col-span-2">
                            <label class="form-label">Full Description</label>
                            <textarea name="description" rows="4" class="form-input resize-none">{{ old('description', $food->description ?? '') }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="admin-card p-6">
                    <h3 class="font-playfair text-cream text-base font-semibold mb-5">Pricing</h3>
                    <div class="grid sm:grid-cols-3 gap-4">
                        <div>
                            <label class="form-label">Base Price (৳) *</label>
                            <input type="number" name="base_price" value="{{ old('base_price', $food->base_price ?? '') }}" step="0.01" min="0" required class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Discount Price (৳)</label>
                            <input type="number" name="discount_price" value="{{ old('discount_price', $food->discount_price ?? '') }}" step="0.01" min="0" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Discount Type</label>
                            <select name="discount_type" class="form-input">
                                <option value="">None</option>
                                <option value="fixed" {{ old('discount_type', $food->discount_type ?? '') === 'fixed' ? 'selected':'' }}>Fixed Amount</option>
                                <option value="percent" {{ old('discount_type', $food->discount_type ?? '') === 'percent' ? 'selected':'' }}>Percentage</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="admin-card p-6">
                    <h3 class="font-playfair text-cream text-base font-semibold mb-5">Details</h3>
                    <div class="grid sm:grid-cols-3 gap-4">
                        <div>
                            <label class="form-label">Prep Time (min)</label>
                            <input type="number" name="preparation_time" value="{{ old('preparation_time', $food->preparation_time ?? 15) }}" min="1" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Calories</label>
                            <input type="number" name="calories" value="{{ old('calories', $food->calories ?? '') }}" min="0" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Spicy Level</label>
                            <select name="spicy_level" class="form-input">
                                @foreach(['none','mild','medium','hot','extra_hot'] as $lvl)
                                <option value="{{ $lvl }}" {{ old('spicy_level', $food->spicy_level ?? 'none') === $lvl ? 'selected':'' }}>
                                    {{ ucfirst(str_replace('_',' ',$lvl)) }}
                                </option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="form-label">Sort Order</label>
                            <input type="number" name="sort_order" value="{{ old('sort_order', $food->sort_order ?? 0) }}" class="form-input">
                        </div>
                        <div>
                            <label class="form-label">Meta Title</label>
                            <input type="text" name="meta_title" value="{{ old('meta_title', $food->meta_title ?? '') }}" class="form-input">
                        </div>
                    </div>
                    <div class="mt-4">
                        <label class="form-label">Meta Description</label>
                        <textarea name="meta_description" rows="2" class="form-input resize-none">{{ old('meta_description', $food->meta_description ?? '') }}</textarea>
                    </div>
                </div>
            </div>

            {{-- Sidebar --}}
            <div class="space-y-5">
                <div class="admin-card p-6">
                    <h3 class="font-playfair text-cream text-base font-semibold mb-4">Thumbnail</h3>
                    @if(isset($food) && $food->thumbnail)
                    <img src="{{ $food->thumbnail_url }}" class="w-full h-40 object-cover rounded-xl mb-3 border border-gold/20">
                    @endif
                    <input type="file" name="thumbnail" accept="image/*" class="form-input text-xs">
                </div>

                <div class="admin-card p-6">
                    <h3 class="font-playfair text-cream text-base font-semibold mb-4">Flags</h3>
                    <div class="space-y-3">
                        @foreach([
                            ['is_available','Available for Order'],
                            ['is_featured','Featured Item'],
                            ['is_bestseller','Bestseller Badge'],
                            ['is_new','New Badge'],
                            ['is_halal','Halal Certified'],
                            ['is_vegetarian','Vegetarian'],
                            ['is_vegan','Vegan'],
                        ] as [$name,$label])
                        <label class="flex items-center gap-3 cursor-pointer">
                            <input type="checkbox" name="{{ $name }}" value="1"
                                   {{ old($name, isset($food) ? ($food->$name ? '1':'') : ($name==='is_available'||$name==='is_halal'?'1':'')) ? 'checked':'' }}
                                   class="w-4 h-4 accent-gold">
                            <span class="text-cream/70 text-sm">{{ $label }}</span>
                        </label>
                        @endforeach
                    </div>
                </div>

                <div class="flex gap-3">
                    <button type="submit" class="btn-primary flex-1 justify-center py-3">
                        <i class="fas fa-save"></i>{{ isset($food) ? 'Update' : 'Create' }}
                    </button>
                    <a href="{{ route('admin.food-items.index') }}" class="px-4 py-3 rounded-xl border border-white/10 text-cream/50 hover:text-cream text-sm transition-colors">
                        Cancel
                    </a>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection