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

<form method="post" action="/app/pbx/users/save">
  {% if user %}<input type="hidden" name="user_id" value="{{ user.id }}">{% endif %}

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

  <div class="mb-3">
    <label class="form-label">Email</label>
    <input type="email" class="form-control" name="email" value="{{ user.email if user else '' }}" required>
  </div>

  <div class="mb-3">
    <label class="form-label">Senha</label>
    <input type="password" class="form-control" name="password" value="">
    <small class="text-muted">{% if user %}Deixe em branco para manter a atual.{% else %}Senha de login.{% endif %}</small>
  </div>

  <div class="mb-3">
    <label class="form-label">Grupo de Permissão</label>
    <select class="form-select" name="group_id">
      <option value="">— Sem grupo —</option>
      {% for g in groups %}
      <option value="{{ g.id }}" {% if user and user.group_id == g.id %}selected{% endif %}>{{ g.name }}</option>
      {% endfor %}
    </select>
  </div>

  <div class="mb-3 form-check">
    <input type="checkbox" class="form-check-input" name="is_active" id="is_active" {% if not user or user.is_active %}checked{% endif %}>
    <label class="form-check-label" for="is_active">Usuário ativo</label>
  </div>

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