@extends('layouts.admin')
@section('title', isset($category) ? '編輯分類' : '新增分類')
@section('content')
<div class="max-w-2xl">
    <div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 p-6">
        <form action="{{ isset($category) ? route('admin.categories.update', $category) : route('admin.categories.store') }}" method="POST">
            @csrf @if(isset($category)) @method('PUT') @endif
            <div class="space-y-4">
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">分類名稱 *</label>
                    <input type="text" name="name" value="{{ old('name', $category->name ?? '') }}" required class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500"></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">代碼 (slug)</label>
                    <input type="text" name="slug" value="{{ old('slug', $category->slug ?? '') }}" placeholder="留空自動產生" class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500"></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">父分類</label>
                    <select name="parent_id" class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">
                        <option value="">-- 頂層分類 --</option>
                        @foreach($parents as $p)<option value="{{ $p->id }}" {{ old('parent_id', $category->parent_id ?? '') == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>
                        @foreach($p->children ?? [] as $c)<option value="{{ $c->id }}" {{ old('parent_id', $category->parent_id ?? '') == $c->id ? 'selected' : '' }}>&nbsp;&nbsp;└ {{ $c->name }}</option>@endforeach
                        @endforeach
                    </select></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">說明</label>
                    <textarea name="description" rows="3" class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">{{ old('description', $category->description ?? '') }}</textarea></div>
                <div><label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">排序</label>
                    <input type="number" name="sort_order" value="{{ old('sort_order', $category->sort_order ?? 0) }}" min="0" class="w-full px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500"></div>
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $category->is_active ?? true) ? 'checked' : '' }} class="w-4 h-4 rounded text-blue-600">
                    <span class="text-sm text-gray-700 dark:text-gray-300">啟用</span>
                </label>
            </div>
            <div class="flex gap-3 mt-6">
                <button type="submit" class="px-6 py-2.5 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700">{{ isset($category) ? '更新' : '建立' }}</button>
                <a href="{{ route('admin.categories.index') }}" class="px-6 py-2.5 bg-gray-200 dark:bg-slate-700 text-gray-700 dark:text-gray-300 rounded-lg font-medium">取消</a>
            </div>
        </form>
    </div>
</div>
@endsection