{% extends "base.html" %}
{% block title %}Blacklist{% endblock %}
{% set active = "app-blacklist" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">🚫 Blacklist</h4>
</div>
<form method="post" action="/app/pbx/blacklist/save" class="row g-2 mb-3">
  <div class="col-md-3">
    <input type="text" name="number" class="form-control form-control-sm" required placeholder="Número (Ex: 5199998888)">
  </div>
  <div class="col-md-5">
    <input type="text" name="description" class="form-control form-control-sm" placeholder="Motivo">
  </div>
  <div class="col-auto">
    <button type="submit" class="btn btn-sm btn-success">➕ Bloquear</button>
  </div>
</form>
{% for b in items %}
<div class="card mb-1">
  <div class="card-body py-1 d-flex justify-content-between align-items-center">
    <span><code>{{ b.number }}</code> {% if b.description %}<small class="text-muted">— {{ b.description }}</small>{% endif %}</span>
    <form method="post" action="/app/pbx/blacklist/{{ b.id }}/delete" style="display:inline">
      <button type="submit" class="btn btn-sm btn-outline-danger">✕</button>
    </form>
  </div>
</div>
{% else %}<div class="alert alert-info">Nenhum número bloqueado.</div>{% endfor %}
{% endblock %}