@extends('admin.layouts.admin')

@section('title', 'Edit Category')
@section('page_title', 'Edit Category')

@section('title_actions')
    <button type="submit" form="category-form"
        class="bg-primary text-white px-6 py-2 rounded-md font-black text-[10px] uppercase tracking-widest">
        Update Category
    </button>
@endsection

@section('content')
    <div class="max-w-2xl mx-auto">
        <form action="{{ route('admin.portfolio-categories.update', $category->id) }}" method="POST" id="category-form"
            class="space-y-6">
            @csrf
            @method('PUT')
            <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-8 dark:bg-[#1a233a] dark:border-white/5">
                <div class="space-y-6">
                    <div class="space-y-2">
                        <label class="text-[11px] font-bold text-slate-500 uppercase tracking-widest block">Category
                            Name</label>
                        <input type="text" name="name" value="{{ old('name', $category->name) }}" required
                            class="w-full bg-slate-50 border-slate-200 rounded-xl px-4 py-3 text-sm font-bold dark:bg-white/5 dark:border-white/10 dark:text-white focus:ring-2 focus:ring-primary/20 focus:border-primary outline-none transition-all">
                    </div>
                    <div class="space-y-2">
                        <label class="text-[11px] font-bold text-slate-500 uppercase tracking-widest block">Slug</label>
                        <input type="text" name="slug" value="{{ old('slug', $category->slug) }}" required
                            class="w-full bg-slate-50 border-slate-200 rounded-xl px-4 py-3 text-sm font-black dark:bg-white/5 dark:border-white/10 dark:text-white"
                            placeholder="category-slug">
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection