@extends('layouts.app')

@section('title', 'Editar Categoría')

@section('header', 'Gestión de Categorías')

@section('content')
<div class="page-container">
    <div class="page-header">
        <h2 class="page-title">Editar Categoría</h2>
        <a href="{{ route('categorias.index') }}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-left"></i>
            Volver
        </a>
    </div>

    <div class="card">
        <div class="card-header">
            <h3>Datos de la Categoría</h3>
        </div>
        <div class="card-body">
            <form action="{{ route('categorias.update', $categoria) }}" method="POST" class="form">
                @csrf
                @method('PUT')

                <div class="form-group">
                    <label for="nombre" class="form-label required">Nombre</label>
                    <input type="text"
                           id="nombre"
                           name="nombre"
                           class="form-control @error('nombre') is-invalid @enderror"
                           value="{{ old('nombre', $categoria->nombre) }}"
                           required
                           autofocus
                           maxlength="100">
                    @error('nombre')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="descripcion" class="form-label">Descripción</label>
                    <textarea id="descripcion"
                              name="descripcion"
                              class="form-control @error('descripcion') is-invalid @enderror"
                              rows="4">{{ old('descripcion', $categoria->descripcion) }}</textarea>
                    @error('descripcion')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <div class="form-check">
                        <input type="checkbox"
                               id="estado"
                               name="estado"
                               class="form-check-input"
                               value="1"
                               {{ old('estado', $categoria->estado) ? 'checked' : '' }}>
                        <label for="estado" class="form-check-label">
                            Categoría activa
                        </label>
                    </div>
                </div>

                <div class="form-actions">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa-solid fa-save"></i>
                        Actualizar Categoría
                    </button>
                    <a href="{{ route('categorias.index') }}" class="btn btn-secondary">
                        Cancelar
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection