@php($editing = $category->exists)
<x-layouts.admin :title="$editing ? 'Edit category' : 'Add category'">
    <x-slot:actions><a href="{{ route('admin.categories.index') }}" class="btn-light"><x-icon name="arrow-left" class="size-4" /> Back</a></x-slot:actions>
    <form method="POST" action="{{ $editing ? route('admin.categories.update', $category) : route('admin.categories.store') }}" enctype="multipart/form-data" class="max-w-2xl">
        @csrf
        @if ($editing) @method('PUT') @endif
        <x-admin.card>
            <div class="space-y-4">
                <x-form.select name="division" label="Division" :value="$category->division" :options="collect($divisions)->mapWithKeys(fn ($division) => [$division->value => $division->label()])->all()" />
                <x-form.input name="name" label="Name" :value="$category->name" required />
                <x-form.input name="tagline" label="Tagline" :value="$category->tagline" help="Short line shown on cards, e.g. “Clean Lines & Elegant Finishes”." />
                <x-form.textarea name="description" label="Description" rows="3" :value="$category->description" />
                <x-form.image name="image" label="Image" :current="$category->image" />
                <x-form.input name="sort_order" label="Display order" type="number" :value="$category->sort_order ?? 0" />
                <x-form.checkbox name="is_active" label="Active" :checked="$category->is_active" />
                <button class="btn-gold">{{ $editing ? 'Save changes' : 'Create category' }}</button>
            </div>
        </x-admin.card>
    </form>
</x-layouts.admin>