{% extends 'base.html' %}

{% block title %}Grupos - Sistema de Comandas{% endblock %}

{% block content %}
<div class="clearfix">
    <h2 style="float: left;">Grupos de Produtos</h2>
    <a href="{% url 'grupos:create' %}" class="btn float-right">Novo Grupo</a>
</div>

<table class="table">
    <thead>
        <tr>
            <th>Nome</th>
            <th>Descrição</th>
            <th>Produtos</th>
            <th>Status</th>
            <th>Ações</th>
        </tr>
    </thead>
    <tbody>
        {% for grupo in object_list %}
        <tr>
            <td><strong>{{ grupo.nome }}</strong></td>
            <td>{{ grupo.descricao|default:"-" }}</td>
            <td>{{ grupo.produtos.count }} produto{{ grupo.produtos.count|pluralize }}</td>
            <td>
                <span style="color: {% if grupo.ativo %}#28a745{% else %}#dc3545{% endif %};">
                    {% if grupo.ativo %}Ativo{% else %}Inativo{% endif %}
                </span>
            </td>
            <td>
                <a href="{% url 'grupos:update' grupo.pk %}" class="btn btn-warning">Editar</a>
                <a href="{% url 'grupos:delete' grupo.pk %}" class="btn btn-danger" 
                   onclick="return confirm('Tem certeza?')">Excluir</a>
            </td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="5" class="text-center">Nenhum grupo cadastrado.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}