{% extends "base.html" %}
{% block title %}Follow Me{% endblock %}
{% set active = "app-followme" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h4 class="mb-0">📱 Follow Me / Siga-me</h4>
  <a href="/app/pbx/follow-me/new" class="btn btn-sm btn-success">+ Novo</a>
</div>
{% for f in items %}
<div class="card mb-2">
  <div class="card-header d-flex justify-content-between align-items-center">
    <span><strong>{{ f.name }}</strong> (ramal <code>{{ f.extension }}</code>)</span>
    <span>
      <a href="/app/pbx/follow-me/{{ f.id }}/edit" class="btn btn-sm btn-primary">✏️</a>
      <form method="post" action="/app/pbx/follow-me/{{ f.id }}/delete" style="display:inline" onsubmit="return confirm(\"Excluir?\")"><button type="submit" class="btn btn-sm btn-danger">🗑️</button></form>
    </span>
  </div>
  <div class="card-body py-2">
    <small>Destinos: {% for d in f.destinations.split(",") %}<code>{{ d.strip() }}</code> {% endfor %}</small>
    <small class="ms-3">Timeout: {{ f.ring_timeout }}s</small>
    <span class="ms-3">{% if f.enabled %}<span class="badge bg-success">Ativo</span>{% else %}<span class="badge bg-danger">Inativo</span>{% endif %}</span>
    {% if f.description %}<br><small class="text-muted">{{ f.description }}</small>{% endif %}
  </div>
</div>
{% else %}<div class="alert alert-info">Nenhum Follow Me cadastrado.</div>{% endfor %}
{% endblock %}