{% extends "base.html" %}
{% block title %}Grupos de Permissao{% endblock %}
{% set active = "pbx-groups" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">🔐 Grupos de Permissao</h4>
  <a href="/app/pbx/permission-groups/new" class="btn btn-sm btn-success">+ Novo Grupo</a>
</div>

{% if groups %}
<div class="table-responsive">
  <table class="table table-sm table-hover">
    <thead>
      <tr>
        <th>Nome</th>
        <th>Descricao</th>
        <th>Tipo</th>
        <th>Criado em</th>
        <th>Permissoes</th>
        <th>Acoes</th>
      </tr>
    </thead>
    <tbody>
    {% for item in groups %}
    {% set g = item.group %}
      <tr>
        <td><strong>{{ g.name }}</strong></td>
        <td>{{ g.description or "-" }}</td>
        <td>{% if g.is_admin %}<span class="badge bg-warning text-dark">Admin</span>{% else %}<span class="badge bg-info">Personalizado</span>{% endif %}</td>
        <td>{{ g.created_at.strftime("%d/%m/%Y %H:%M") if g.created_at else "-" }}</td>
        <td>
          {% if g.is_admin %}
            <small class="text-muted">Acesso total</small>
          {% else %}
            <small>
            {% for mod, p in item.permissions.items() %}
              {% if p.can_view %}<span class="badge bg-secondary me-1">{{ mod }}</span>{% endif %}
            {% endfor %}
            </small>
          {% endif %}
        </td>
        <td>
          <a href="/app/pbx/permission-groups/{{ g.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
          <form method="post" action="/app/pbx/permission-groups/{{ g.id }}/delete" style="display:inline" onsubmit="return confirm('Excluir grupo {{ g.name }}?')">
            <button type="submit" class="btn btn-sm btn-danger">🗑️</button>
          </form>
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="card">
  <div class="card-body text-center text-muted py-5">
    <p>Nenhum grupo cadastrado.</p>
    <a href="/app/pbx/permission-groups/new" class="btn btn-sm btn-success">+ Criar primeiro grupo</a>
  </div>
</div>
{% endif %}
{% endblock %}