{% extends 'base.html' %}
{% block title %}Lista de Categorías{% endblock %}
{% block content %}
    <h1 class="mb-4">Gestión de Categorías</h1>
    <p><a href="{% url 'gestion_equipos:crear_categoria' %}" class="btn btn btn-primary">Crear Nueva Categoría</a></p>
    <div class="table-responsive card shadow p-3">
        <table class="table table-striped table-hover">
            <thead>
                <tr><th>Nombre</th><th>Descripción</th><th>Acciones</th></tr>
            </thead>
            <tbody>
                {% for cat in categorias %}
                <tr>
                    <td>{{ cat.nombre }}</td>
                    <td>{{ cat.descripcion|default:"-" }}</td>
                    <td>
                        <a href="{% url 'gestion_equipos:editar_categoria' cat.pk %}" class="btn btn-sm btn-warning">Editar</a>
                        <a href="{% url 'gestion_equipos:eliminar_categoria' cat.pk %}" class="btn btn-sm btn btn-danger">Eliminar</a>
                    </td>
                </tr>
                {% empty %}
                <tr><td colspan="3">No hay categorías registradas.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endblock %}