@extends('layouts.admin')
@section('title', $product->exists ? 'Edit Produk' : 'Produk Baru')
@section('page-title', $product->exists ? 'Edit Produk' : 'Tambah Produk')

@section('content')
<div class="mx-auto max-w-2xl">
<form method="POST" enctype="multipart/form-data" action="{{ $product->exists ? route('admin.products.update', $product) : route('admin.products.store') }}" class="card space-y-4 p-6">
    @csrf @if($product->exists) @method('PUT') @endif

    <div><label class="label">Nama Produk</label><input name="title" value="{{ old('title', $product->title) }}" required class="field"></div>
    <div><label class="label">Deskripsi</label><textarea name="description" rows="3" class="field">{{ old('description', $product->description) }}</textarea></div>
    <div class="grid grid-cols-2 gap-3">
        <div><label class="label">Harga</label><input type="number" name="price" value="{{ old('price', $product->price ?? 0) }}" required class="field"></div>
        <div><label class="label">Kategori</label>
            <select name="category_id" class="field">
                <option value="">— Tanpa kategori —</option>
                @foreach($categories as $c)<option value="{{ $c->id }}" @selected(old('category_id',$product->category_id)==$c->id)>{{ $c->name }}</option>@endforeach
            </select>
        </div>
    </div>
    <x-admin.media-field name="image" label="Gambar Produk (opsional)" :current="$product->image" :preview="$product->imageUrl()" />
    <div><label class="label">Link Checkout (marketplace)</label><input name="external_url" value="{{ old('external_url', $product->external_url) }}" required class="field" placeholder="https://shopee.co.id/..."></div>
    <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_published" value="1" @checked(old('is_published',$product->is_published)) class="rounded bg-qr-surface2 border-qr-border text-qr-accent"> Publish</label>

    <div class="flex gap-2 pt-2"><button class="btn-accent flex-1">Simpan</button><a href="{{ route('admin.products.index') }}" class="btn-outline">Batal</a></div>
</form>
</div>
@endsection