@extends('layouts.admin')

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

@section('content')
    <div class="mb-6 flex items-center justify-between">
        <h1 class="text-2xl font-bold sm:text-3xl">Edit Category</h1>
        <a href="{{ route('admin.categories.index') }}" class="inline-flex items-center gap-2 rounded-xl border border-slate-200 bg-white px-3 py-2 text-sm hover:border-cyan-200 hover:text-cyan-700">
            <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M15 19l-7-7 7-7"/>
            </svg>
            Back
        </a>
    </div>

    <form action="{{ route('admin.categories.update', $category) }}" method="post" class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm sm:p-6">
        @method('PUT')
        @include('admin.categories._form')
        <div class="mt-6">
            <button class="inline-flex items-center gap-2 rounded-xl bg-cyan-600 px-4 py-2 text-sm font-medium text-white hover:bg-cyan-700">
                <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M5 13l4 4L19 7"/>
                </svg>
                Update Category
            </button>
        </div>
    </form>
@endsection