@php($isEdit = $product !== null)

<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Category</label>
        <select name="category_id" class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" @selected(old('category_id', $product->category_id ?? '') == $cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>
        @error('category_id')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Type</label>
        <select name="type" class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
            <option value="veg" @selected(old('type', $product->type->value ?? '') === 'veg')>Veg</option>
            <option value="non_veg" @selected(old('type', $product->type->value ?? '') === 'non_veg')>Non-Veg</option>
            <option value="egg" @selected(old('type', $product->type->value ?? '') === 'egg')>Egg</option>
        </select>
        @error('type')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>
</div>

<div>
    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Name</label>
    <input type="text" name="name" value="{{ old('name', $product->name ?? '') }}"
        class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
    @error('name')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
</div>

<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">SKU {{ $isEdit ? '' : '(leave blank to auto-generate)' }}</label>
        <input type="text" name="sku" value="{{ old('sku', $product->sku ?? '') }}"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
        @error('sku')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Barcode</label>
        <input type="text" name="barcode" value="{{ old('barcode', $product->barcode ?? '') }}"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
        @error('barcode')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>
</div>

<div>
    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Description</label>
    <textarea name="description" rows="3"
        class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">{{ old('description', $product->description ?? '') }}</textarea>
    @error('description')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
</div>

<div class="grid grid-cols-2 sm:grid-cols-4 gap-4">
    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Price (₹)</label>
        <input type="number" step="0.01" name="price" value="{{ old('price', $product->price ?? '') }}"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
        @error('price')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">GST %</label>
        <input type="number" step="0.01" name="gst_percentage" value="{{ old('gst_percentage', $product->gst_percentage ?? 5) }}"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
        @error('gst_percentage')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Prep Time (min)</label>
        <input type="number" name="preparation_time" value="{{ old('preparation_time', $product->preparation_time ?? 10) }}"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
        @error('preparation_time')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>

    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Status</label>
        <select name="status" class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
            <option value="active" @selected(old('status', $product->status->value ?? 'active') === 'active')>Active</option>
            <option value="inactive" @selected(old('status', $product->status->value ?? '') === 'inactive')>Inactive</option>
        </select>
        @error('status')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
    </div>
</div>

@unless($isEdit)
<div class="grid grid-cols-2 gap-4">
    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Opening Stock</label>
        <input type="number" name="opening_stock" value="{{ old('opening_stock', 0) }}" min="0"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
    </div>
    <div>
        <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Low Stock Threshold</label>
        <input type="number" name="low_stock_threshold" value="{{ old('low_stock_threshold', 10) }}" min="0"
            class="mt-1 block w-full rounded-lg border-gray-300 dark:border-gray-600 dark:bg-gray-700 shadow-sm focus:border-amber-500 focus:ring-amber-500">
    </div>
</div>
@endunless

<div class="flex items-center gap-6">
    <label class="flex items-center gap-2 text-sm">
        <input type="hidden" name="is_featured" value="0">
        <input type="checkbox" name="is_featured" value="1" @checked(old('is_featured', $product->is_featured ?? false))
            class="rounded border-gray-300 text-amber-600 focus:ring-amber-500">
        Featured
    </label>

    <label class="flex items-center gap-2 text-sm">
        <input type="hidden" name="is_available" value="0">
        <input type="checkbox" name="is_available" value="1" @checked(old('is_available', $product->is_available ?? true))
            class="rounded border-gray-300 text-amber-600 focus:ring-amber-500">
        Available
    </label>
</div>

<div>
    <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">Image</label>
    @if($isEdit && $product->image_url)
        <img src="{{ $product->image_url }}" class="h-16 w-16 rounded-lg object-cover mb-2">
    @endif
    <input type="file" name="image" accept="image/*" class="mt-1 block w-full text-sm">
    @error('image')<p class="mt-1 text-sm text-red-600">{{ $message }}</p>@enderror
</div>