@php($medicine = $product?->medicineProfile)
@php($stock = $product?->inventories->first())
<div class="grid gap-5 lg:grid-cols-[1fr_320px]">
    <div class="grid gap-5">
        <section class="section-card rounded-3xl p-5 md:p-6"><h2 class="text-sm font-black">Informasi produk</h2><div class="mt-4 grid gap-4 sm:grid-cols-2">
            <label class="grid gap-1.5 text-xs font-bold sm:col-span-2">Nama produk<input name="name" required value="{{ old('name', $product?->name) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">SKU<input name="sku" required value="{{ old('sku', $product?->sku) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Jenis<select name="product_type" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"><option value="medicine" @selected(old('product_type',$product?->product_type)==='medicine')>Obat</option><option value="medical_device" @selected(old('product_type',$product?->product_type)==='medical_device')>Alat kesehatan</option></select></label>
            <label class="grid gap-1.5 text-xs font-bold">Kategori<input name="category" required value="{{ old('category',$product?->category) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Merek<input name="brand" value="{{ old('brand',$product?->brand) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Produsen<input name="manufacturer" required value="{{ old('manufacturer',$product?->manufacturer) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Nomor izin edar<input name="registration_number" value="{{ old('registration_number',$product?->registration_number) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Dosis<input name="dosage" value="{{ old('dosage',$product?->dosage) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Satuan<input name="unit" required value="{{ old('unit',$product?->unit) }}" placeholder="strip, botol, unit" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold sm:col-span-2">Deskripsi<textarea name="description" required rows="5" class="rounded-xl border border-slate-200 p-3 text-xs">{{ old('description',$product?->description) }}</textarea></label>
        </div></section>
        <section class="section-card rounded-3xl p-5 md:p-6"><h2 class="text-sm font-black">Golongan & resep</h2><p class="mt-1 text-[10px] text-slate-400">Klasifikasi ini ditentukan dan menjadi tanggung jawab Apotek.</p><div class="mt-4 grid gap-4 sm:grid-cols-2">
            <label class="grid gap-1.5 text-xs font-bold">Nama generik<input name="generic_name" value="{{ old('generic_name',$medicine?->generic_name) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Golongan obat<select name="medicine_class" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"><option value="">Pilih golongan</option>@foreach(['otc'=>'Obat bebas','limited_otc'=>'Obat bebas terbatas','hard_drug'=>'Obat keras','narcotic'=>'Narkotika','psychotropic'=>'Psikotropika'] as $value=>$label)<option value="{{ $value }}" @selected(old('medicine_class',$medicine?->medicine_class)===$value)>{{ $label }}</option>@endforeach</select></label>
            <label class="grid gap-1.5 text-xs font-bold">Kekuatan<input name="strength" value="{{ old('strength',$medicine?->strength) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Bentuk sediaan<input name="dosage_form" value="{{ old('dosage_form',$medicine?->dosage_form) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="grid gap-1.5 text-xs font-bold">Isi kemasan<input name="package_size" value="{{ old('package_size',$medicine?->package_size) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>
            <label class="flex items-center gap-2 self-end rounded-xl bg-amber-50 p-3 text-xs font-extrabold text-amber-900"><input type="checkbox" name="requires_prescription" value="1" @checked(old('requires_prescription',$medicine?->requires_prescription))> Wajib resep dokter</label>
            <label class="grid gap-1.5 text-xs font-bold sm:col-span-2">Peringatan<textarea name="warning_label" rows="3" class="rounded-xl border border-slate-200 p-3 text-xs">{{ old('warning_label',$medicine?->warning_label) }}</textarea></label>
        </div></section>
    </div>
    <aside class="grid h-fit gap-5 lg:sticky lg:top-24">
        <section class="section-card rounded-3xl p-5"><h2 class="text-sm font-black">Foto produk</h2>@if($product?->image_path)<img src="{{ $product->image_url }}" alt="" class="mt-3 aspect-square w-full rounded-2xl bg-ocean-50 object-contain p-3">@endif<input type="file" name="image" accept="image/jpeg,image/png,image/webp" class="mt-3 block w-full text-[10px]">@if($product?->image_path)<label class="mt-3 flex items-center gap-2 text-[10px] font-bold text-red-600"><input type="checkbox" name="remove_image" value="1"> Hapus foto lama</label>@endif</section>
        <section class="section-card rounded-3xl p-5"><h2 class="text-sm font-black">Harga & stok</h2><div class="mt-4 grid gap-3"><label class="grid gap-1.5 text-xs font-bold">Harga jual<input type="number" name="price" required min="100" value="{{ old('price',$product?->price) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label><label class="grid gap-1.5 text-xs font-bold">Harga pembanding<input type="number" name="compare_price" value="{{ old('compare_price',$product?->compare_price) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label><label class="grid gap-1.5 text-xs font-bold">Stok tersedia<input type="number" name="quantity_available" required min="0" value="{{ old('quantity_available',$stock?->quantity_available ?? 0) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label><label class="grid gap-1.5 text-xs font-bold">Pengingat stok minimum<input type="number" name="reorder_level" required min="0" value="{{ old('reorder_level',$stock?->reorder_level ?? 5) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label><label class="grid gap-1.5 text-xs font-bold">Berat pengiriman (gram)<input type="number" name="shipping_weight_grams" required min="1" value="{{ old('shipping_weight_grams',$product?->shipping_weight_grams ?? 200) }}" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"></label>@if($product)<label class="grid gap-1.5 text-xs font-bold">Status<select name="status" class="h-11 rounded-xl border border-slate-200 px-3 text-xs"><option value="active" @selected(old('status',$product->status)==='active')>Aktif</option><option value="inactive" @selected(old('status',$product->status)==='inactive')>Nonaktif</option></select></label>@endif<label class="flex items-center gap-2 rounded-xl bg-ocean-50 p-3 text-xs font-extrabold text-ocean-900"><input type="checkbox" name="marketplace_visible" value="1" @checked(old('marketplace_visible',$product?->marketplace_visible ?? true))> Tampilkan di marketplace</label></div></section>
        <button class="h-12 rounded-2xl bg-ocean-900 text-xs font-extrabold text-white shadow-lg shadow-ocean-900/15">Simpan produk</button>
    </aside>
</div>
@if($errors->any())<div class="mt-5 rounded-2xl bg-red-50 p-4 text-xs font-bold text-red-700">Periksa kembali data produk yang belum valid.</div>@endif