@if($errors->any())<div class="auth-error"><strong>Periksa kembali data produk.</strong><span>{{ $errors->first() }}</span></div>@endif
<div class="form-grid">
<div class="form-group full"><label for="name">Nama produk</label><input class="shop-input" id="name" name="name" value="{{ old('name',$product->name ?? '') }}" placeholder="Contoh: Tas Kulit Premium" required></div>
<div class="form-group full"><label for="description">Deskripsi</label><textarea class="shop-input" id="description" name="description" placeholder="Jelaskan bahan, ukuran, fungsi, dan keunggulan produk">{{ old('description',$product->description ?? '') }}</textarea></div>
<div class="form-group"><label for="price">Harga (Rp)</label><input class="shop-input" id="price" type="number" min="0" name="price" value="{{ old('price',$product->price ?? '') }}" required></div>
<div class="form-group"><label for="stock">Stok tersedia</label><input class="shop-input" id="stock" type="number" min="0" name="stock" value="{{ old('stock',$product->stock ?? '') }}" required></div>
<div class="form-group full"><label for="category_id">Kategori</label><select class="shop-select" id="category_id" name="category_id" required><option value="">Pilih kategori</option>@foreach($categories as $category)<option value="{{ $category->id }}" @selected(old('category_id',$product->category_id ?? '')==$category->id)>{{ $category->name }}</option>@endforeach</select></div>
<div class="form-group full"><label>Gambar produk {{ isset($product) ? '(opsional jika tidak diganti)' : '' }}</label><div class="image-drop" x-data="{ preview: '{{ isset($product) && $product->image_url ? $product->image_url : '' }}' }">
<template x-if="preview"><img :src="preview" alt="Preview gambar"></template><div class="image-placeholder" x-show="!preview"><i class="bi bi-cloud-arrow-up" style="font-size:30px;color:#a46638"></i><b>Pilih gambar produk</b><small>JPG, PNG, atau WEBP · maksimal 4 MB</small></div>
<input type="file" name="image" accept="image/jpeg,image/png,image/webp" {{ isset($product) ? '' : 'required' }} @change="const file=$event.target.files[0]; if(file) preview=URL.createObjectURL(file)"></div></div>
</div><div class="form-actions"><button class="btn-shop" type="submit"><i class="bi bi-check2"></i> {{ isset($product) ? 'Simpan perubahan' : 'Simpan produk' }}</button><a class="btn-muted" href="{{ route('admin.products.index') }}">Batal</a></div>