@extends('admin.layouts.admin')

@section('title', $category->exists ? 'Editar categoría' : 'Nueva categoría')

@section('content')

<div class="mb-3"><a href="{{ route('admin.blog.categories.index') }}" class="btn-back">← Categorías</a></div>
<div class="admin-page-title">{{ $category->exists ? 'Editar: ' . $category->name : 'Nueva categoría' }}</div>

@if($errors->any())
    <div class="alert alert-danger mt-3"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>
@endif

<div class="row justify-content-center mt-3">
    <div class="col-12 col-lg-6">
        <div class="admin-card">
            <form method="POST" action="{{ $category->exists ? route('admin.blog.categories.update', $category) : route('admin.blog.categories.store') }}" class="fermenty-form">
                @csrf
                @if($category->exists) @method('PUT') @endif

                <div class="mb-3">
                    <label class="form-label">Nombre</label>
                    <input type="text" name="name" value="{{ old('name', $category->name) }}" class="form-control" required>
                </div>
                <div class="mb-3">
                    <label class="form-label">Slug</label>
                    <input type="text" name="slug" value="{{ old('slug', $category->slug) }}" class="form-control" placeholder="se genera del nombre">
                </div>
                <div class="mb-3">
                    <label class="form-label">Color</label>
                    <select name="color_key" class="form-select">
                        @foreach(['teal', 'amber', 'purple', 'blue', 'coral', 'gray'] as $c)
                            <option value="{{ $c }}" @selected(old('color_key', $category->color_key) === $c)>{{ ucfirst($c) }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label">Descripción</label>
                    <textarea name="description" rows="2" class="form-control" maxlength="255">{{ old('description', $category->description) }}</textarea>
                </div>

                <div class="d-flex gap-2">
                    <button type="submit" class="btn btn-fermenty-primary">{{ $category->exists ? 'Guardar' : 'Crear' }}</button>
                    <a href="{{ route('admin.blog.categories.index') }}" class="btn btn-fermenty-outline">Cancelar</a>
                </div>
            </form>
        </div>
    </div>
</div>

@endsection