@php
    $item = $product ?? null;
    $selectedTags = collect(old('tag_ids', $item?->tags?->pluck('id')->all() ?? []))->map(fn ($id) => (int) $id)->all();
@endphp
<div class="card">
    <div class="grid">
        <label>Name<input name="name" value="{{ old('name', $item?->name) }}" required></label>
        <label>Slug<input name="slug" value="{{ old('slug', $item?->slug) }}" required></label>
        <label>Vendor
            <select name="vendor_id" required>
                @foreach($vendors as $vendor)<option value="{{ $vendor->id }}" @selected(old('vendor_id', $item?->vendor_id) == $vendor->id)>{{ $vendor->name }}</option>@endforeach
            </select>
        </label>
        <label>Category
            <select name="category_id"><option value="">None</option>
                @foreach($categories as $category)<option value="{{ $category->id }}" @selected(old('category_id', $item?->category_id) == $category->id)>{{ $category->name }}</option>@endforeach
            </select>
        </label>
        <label>Brand
            <select name="brand_id"><option value="">Unbranded</option>
                @foreach($brands as $brand)<option value="{{ $brand->id }}" @selected(old('brand_id', $item?->brand_id) == $brand->id)>{{ $brand->name }}</option>@endforeach
            </select>
        </label>
        <label>SKU<input name="sku" value="{{ old('sku', $item?->sku) }}"></label>
        <label>Price<input type="number" step=".01" min="0" name="price" value="{{ old('price', $item?->price) }}" required></label>
        <label>Sale price<input type="number" step=".01" min="0" name="sale_price" value="{{ old('sale_price', $item?->sale_price) }}"></label>
        <label>Stock<input type="number" min="0" name="stock" value="{{ old('stock', $item?->stock) }}" placeholder="Unlimited"></label>
        <label>Status<select name="is_active"><option value="1" @selected(old('is_active', $item?->is_active ?? 1))>Active</option><option value="0" @selected(!old('is_active', $item?->is_active ?? 1))>Inactive</option></select></label>
    </div>
    <fieldset><legend>Discovery tags</legend><div class="tag-grid">
        @forelse($tags as $tag)<label class="tag"><input type="checkbox" name="tag_ids[]" value="{{ $tag->id }}" @checked(in_array($tag->id, $selectedTags, true))><span>{{ $tag->name }}</span></label>@empty <span class="muted">Create tags in Taxonomy first.</span> @endforelse
    </div></fieldset>
    <label>Description<textarea rows="5" name="description">{{ old('description', $item?->description) }}</textarea></label>
    @if($errors->any())<div class="form-error">{{ $errors->first() }}</div>@endif
    <div class="actions"><button class="btn">Save product</button> <a href="{{ route('admin.products.index') }}">Cancel</a></div>
</div>
<style>
    .card label,.card legend{font-size:13px;font-weight:700}.card input,.card select,.card textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}.card fieldset{border:1px solid var(--line);border-radius:12px;margin:18px 0;padding:14px}.tag-grid{display:flex;flex-wrap:wrap;gap:8px}.card .tag{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px}.card .tag input{width:auto;margin:0}.actions{margin-top:18px}.form-error{color:#b42318;margin-top:15px}.muted{color:#667085}
</style>