@extends('layouts.admin')
@section('title', $category->exists ? 'Edit Category' : 'New Category')
@section('content')
<h1 class="text-2xl font-bold mb-6">{{ $category->exists ? 'Edit' : 'New' }} Category</h1>
<form method="POST" action="{{ $category->exists ? route('admin.categories.update', $category) : route('admin.categories.store') }}" enctype="multipart/form-data" class="bg-white rounded-xl shadow-sm p-6 space-y-4 max-w-lg">
@csrf @if($category->exists) @method('PUT') @endif
<div><label class="text-sm font-medium">Name</label><input name="name" value="{{ old('name', $category->name) }}" required class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<div><label class="text-sm font-medium">Parent Category</label>
<select name="parent_id" class="w-full border rounded-lg px-3 py-2 mt-1"><option value="">None (top-level)</option>
@foreach($parents as $p)<option value="{{ $p->id }}" {{ $category->parent_id == $p->id ? 'selected' : '' }}>{{ $p->name }}</option>@endforeach
</select></div>
<div><label class="text-sm font-medium">Image</label><input type="file" name="image" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<div><label class="text-sm font-medium">Sort Order</label><input type="number" name="sort_order" value="{{ old('sort_order', $category->sort_order) }}" class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_active" value="1" {{ old('is_active', $category->id ? $category->is_active : true) ? 'checked' : '' }}> Active</label>
<button class="bg-brand text-white px-6 py-2 rounded-lg font-semibold">Save</button>
</form>
@endsection