{% extends "base.html" %}
{% block title %}{{ page_title }}{% endblock %}
{% set active = "pbx-groups" %}
{% block content %}
<h4 class="mb-3">{{ page_title }}</h4>

<form method="post" action="/app/pbx/permission-groups/save">
  {% if group %}<input type="hidden" name="group_id" value="{{ group.id }}">{% endif %}

  <div class="mb-3">
    <label class="form-label">Nome do Grupo</label>
    <input type="text" class="form-control" name="name" value="{{ group.name if group else '' }}" required>
  </div>

  <div class="mb-3">
    <label class="form-label">Descrição</label>
    <input type="text" class="form-control" name="description" value="{{ group.description if group else '' }}">
  </div>

  <div class="mb-3 form-check">
    <input type="checkbox" class="form-check-input" name="is_admin" id="is_admin" {% if group and group.is_admin %}checked{% endif %}>
    <label class="form-check-label" for="is_admin">Acesso total (admin) — ignora permissões abaixo</label>
  </div>

  <h5 class="mt-4">Módulos e Permissões</h5>
  <table class="table table-sm table-bordered">
    <thead><tr><th>Módulo</th><th>Visualizar</th><th>Editar</th><th>Excluir</th></tr></thead>
    <tbody>
      {% for mod in modules %}
      <tr>
        <td><strong>{{ mod }}</strong></td>
        <td class="text-center">
          <input type="checkbox" class="form-check-input" name="view_{{ mod }}"
            {% if permissions and mod in permissions %}checked{% endif %}>
        </td>
        <td class="text-center">
          <input type="checkbox" class="form-check-input" name="edit_{{ mod }}"
            {% if permissions and mod in permissions and permissions[mod].can_edit %}checked{% endif %}>
        </td>
        <td class="text-center">
          <input type="checkbox" class="form-check-input" name="delete_{{ mod }}"
            {% if permissions and mod in permissions and permissions[mod].can_delete %}checked{% endif %}>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  <div class="d-flex gap-2">
    <button type="submit" class="btn btn-primary">Salvar</button>
    <a href="/app/pbx/permission-groups" class="btn btn-secondary">Cancelar</a>
  </div>
</form>
{% endblock %}