@extends('layouts.admin')
@section('title', 'Modifier la catégorie')

@section('content')

<div class="max-w-xl">
    <div class="flex items-center gap-3 mb-6">
        <a href="{{ route('admin.categories.index') }}" class="text-gray-400 hover:text-gray-600"><i class="fas fa-arrow-left"></i></a>
        <h2 class="text-lg font-bold text-gray-900">Modifier : <span class="text-indigo-600">{{ $category->name }}</span></h2>
    </div>

    <form action="{{ route('admin.categories.update', $category) }}" method="POST" enctype="multipart/form-data" class="space-y-5">
        @csrf @method('PUT')
        @include('admin.categories._form')
        <div class="flex gap-3">
            <button type="submit" class="bg-indigo-600 text-white font-semibold px-6 py-2.5 rounded-xl hover:bg-indigo-700 transition-colors flex items-center gap-2">
                <i class="fas fa-save"></i> Enregistrer
            </button>
            <a href="{{ route('admin.categories.index') }}" class="bg-gray-100 text-gray-700 font-semibold px-6 py-2.5 rounded-xl hover:bg-gray-200 transition-colors">Annuler</a>
        </div>
    </form>
</div>

@endsection