@php
    $isEdit = $product->exists;
@endphp

<div class="space-y-4">
    <div>
        <label class="text-sm font-medium">Name</label>
        <input name="name"
               class="mt-1 w-full rounded border-gray-300"
               value="{{ old('name', $product->name) }}"
               required />
        @error('name') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm font-medium">Slug (optional)</label>
        <input name="slug"
               class="mt-1 w-full rounded border-gray-300"
               value="{{ old('slug', $product->slug) }}"
               placeholder="leave blank to auto-generate" />
        @error('slug') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm font-medium">Short Description</label>
        <textarea name="short_description"
                  class="mt-1 w-full rounded border-gray-300"
                  rows="2">{{ old('short_description', $product->short_description) }}</textarea>
        @error('short_description') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm font-medium">Full Description</label>
        <textarea name="description"
                  class="mt-1 w-full rounded border-gray-300"
                  rows="5">{{ old('description', $product->description) }}</textarea>
        @error('description') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm font-medium">Video URL (YouTube embed)</label>
        <input name="video_url"
               class="mt-1 w-full rounded border-gray-300"
               value="{{ old('video_url', $product->video_url) }}"
               placeholder="https://www.youtube.com/embed/xxxx" />
        @error('video_url') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm font-medium">Price (in cents)</label>
        <input name="price_cents"
               type="number"
               min="0"
               class="mt-1 w-full rounded border-gray-300"
               value="{{ old('price_cents', $product->price_cents ?? 0) }}"
               required />
        <p class="text-xs text-gray-500 mt-1">Example: RM 99.00 = 9900</p>
        @error('price_cents') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>

    <div>
        <label class="text-sm font-medium">Active</label>
        <select name="is_active" class="mt-1 w-full rounded border-gray-300" required>
            <option value="1" {{ old('is_active', (int) $product->is_active) === 1 ? 'selected' : '' }}>Yes</option>
            <option value="0" {{ old('is_active', (int) $product->is_active) === 0 ? 'selected' : '' }}>No</option>
        </select>
        @error('is_active') <div class="text-sm text-red-600 mt-1">{{ $message }}</div> @enderror
    </div>
</div>