{% extends "base.html" %}
{% block title %}Usuarios{% endblock %}
{% set active = "pbx-users" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">👥 Usuarios</h4>
  <a href="/app/pbx/users/new" class="btn btn-sm btn-success">+ Novo Usuario</a>
</div>

{% if users %}
<div class="table-responsive">
  <table class="table table-sm table-hover">
    <thead>
      <tr>
        <th>Nome</th>
        <th>Email</th>
        <th>Grupo</th>
        <th>Status</th>
        <th>Criado em</th>
        <th>Acoes</th>
      </tr>
    </thead>
    <tbody>
    {% for u in users %}
      <tr>
        <td>{{ u.name }}</td>
        <td>{{ u.email }}</td>
        <td>{{ u.group.name if u.group else '-' }}</td>
        <td>{% if u.is_active %}<span class="badge bg-success">Ativo</span>{% else %}<span class="badge bg-danger">Inativo</span>{% endif %}</td>
        <td>{{ u.created_at.strftime('%d/%m/%Y %H:%M') if u.created_at else '-' }}</td>
        <td>
          <a href="/app/pbx/users/{{ u.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
          <form method="post" action="/app/pbx/users/{{ u.id }}/delete" style="display:inline" onsubmit="return confirm('Excluir usuario {{ u.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 usuario cadastrado.</p>
    <a href="/app/pbx/users/new" class="btn btn-sm btn-success">+ Criar primeiro usuario</a>
  </div>
</div>
{% endif %}
{% endblock %}