@extends('layouts.admin')
@section('title', $category ? __('Edit category') : __('New category'))
@section('content')
<a href="{{ route('admin.categories') }}" class="text-sm font-bold text-primary hover:underline">← {{ __('Categories') }}</a>
<h1 class="mb-6 mt-2 text-2xl font-extrabold text-primary">{{ $category ? __('Edit category') : __('New category') }}</h1>
<form method="POST" enctype="multipart/form-data" action="{{ $category ? route('admin.categories.update', $category->id) : route('admin.categories.store') }}" class="max-w-2xl space-y-4 rounded-[32px] border border-surface-variant bg-white p-6">
    @csrf @if ($category) @method('PUT') @endif
    <x-field name="names[en]" :label="__('Name (English)')" :value="$category->names['en'] ?? ''" required/>
    <div class="grid gap-4 sm:grid-cols-2">
        <x-field name="names[km]" :label="__('Name (Khmer)')" :value="$category->names['km'] ?? ''"/>
        <x-field name="names[zh]" :label="__('Name (Chinese)')" :value="$category->names['zh'] ?? ''"/>
    </div>
    <div class="grid gap-4 sm:grid-cols-2">
        <div><label for="parent_id" class="mb-1.5 block text-sm font-semibold text-on-surface-variant">{{ __('Parent category') }}</label>
            <select id="parent_id" name="parent_id" class="min-h-[48px] w-full rounded-2xl border border-outline-variant bg-white px-4"><option value="">— {{ __('none (top level)') }}</option>
                @foreach ($all as $c) @if (!$category || $c->id !== $category->id)<option value="{{ $c->id }}" @selected((string) old('parent_id', $category->parent_id ?? '') === (string) $c->id)>{{ $c->name }}</option>@endif @endforeach</select></div>
        <x-field name="sort_order" type="number" min="0" :label="__('Display order')" :value="$category->sort_order ?? 0"/>
    </div>
    <div>
        <label for="image" class="mb-1.5 block text-sm font-semibold text-on-surface-variant">{{ __('Image') }} <span class="font-normal text-outline">({{ __('optional') }})</span></label>
        @if ($category && $category->image_url)<img src="{{ $category->image_url }}" alt="" class="mb-2 h-24 w-24 rounded-2xl object-cover">@endif
        <input id="image" type="file" name="image" accept="image/*" class="block w-full text-sm">@error('image')<p class="mt-1 text-sm text-error">{{ $message }}</p>@enderror
    </div>
    <label class="flex min-h-[44px] items-center gap-3"><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $category->is_active ?? 1)) class="h-4 w-4 accent-[#1a3627]"> {{ __('Show in shop') }}</label>
    <div class="flex gap-3"><x-btn type="submit">{{ __('Save') }}</x-btn></div>
</form>
@if ($category)
<form method="POST" action="{{ route('admin.categories.delete', $category->id) }}" class="mt-6" onsubmit="return confirm('{{ __('Delete this category?') }}')">@csrf @method('DELETE')<x-btn type="submit" variant="danger">{{ __('Delete category') }}</x-btn></form>
@endif
@endsection