@extends('layouts.admin')
@section('title', $isCreate ? 'New category' : $category->name)
@section('content')
<form method="post" action="{{ $isCreate ? route('admin.post-categories.store') : route('admin.post-categories.update', $category) }}">
@csrf
@unless($isCreate) @method('PUT') @endunless
<x-admin.page :title="$isCreate ? 'New blog category' : $category->name" subtitle="Used on /blogs/news/category/{handle}.">
    <x-slot:actions>
        <a href="{{ route('admin.post-categories.index') }}" class="admin-btn">Back</a>
        <button class="admin-btn admin-btn-primary">{{ $isCreate ? 'Create' : 'Save' }}</button>
    </x-slot:actions>
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif
    <x-admin.section title="Category">
        <div class="grid gap-4 sm:grid-cols-2">
            <x-admin.field label="Name" name="name" required>
                <input name="name" value="{{ old('name', $category->name) }}" required class="admin-input">
            </x-admin.field>
            <x-admin.field label="Handle" name="handle">
                <input name="handle" value="{{ old('handle', $category->handle) }}" class="admin-input font-mono text-xs">
            </x-admin.field>
            <x-admin.field label="Position" name="position">
                <input type="number" min="0" name="position" value="{{ old('position', $category->position ?? 0) }}" class="admin-input">
            </x-admin.field>
            <x-admin.field label="SEO title" name="seo_title">
                <input name="seo_title" value="{{ old('seo_title', $category->seo_title) }}" class="admin-input" maxlength="70">
            </x-admin.field>
        </div>
        <x-admin.field label="Description" name="description" class="mt-4">
            <textarea name="description" rows="4" class="admin-input">{{ old('description', $category->description) }}</textarea>
        </x-admin.field>
        <x-admin.field label="SEO description" name="seo_description" class="mt-4">
            <textarea name="seo_description" rows="3" class="admin-input" maxlength="320">{{ old('seo_description', $category->seo_description) }}</textarea>
        </x-admin.field>
    </x-admin.section>
    @unless($isCreate)
        <div class="mt-5">
            <button type="submit" form="delete-category" class="admin-btn" onclick="return confirm('Delete this category?')">Delete</button>
        </div>
    @endunless
</x-admin.page>
</form>
@unless($isCreate)
    <form id="delete-category" method="post" action="{{ route('admin.post-categories.destroy', $category) }}" class="hidden">@csrf @method('DELETE')</form>
@endunless
@endsection