{% extends "base.html" %}
{% block title %}Templates de Provisionamento{% endblock %}
{% set active = "provision" %}
{% block content %}
<div class="container-fluid mt-3">
  <div class="row mb-3">
    <div class="col">
      <h4>📋 Templates de Provisionamento</h4>
    </div>
    <div class="col-auto">
      <a href="/app/pbx/templates/new" class="btn btn-success">➕ Novo Template</a>
    </div>
  </div>

  <div class="card">
    <div class="card-body">
      <div class="table-responsive">
        <table class="table table-hover table-striped">
          <thead class="table-dark">
            <tr>
              <th>Nome</th>
              <th>Marca</th>
              <th>Modelo</th>
              <th>Origem</th>
              <th>Ações</th>
            </tr>
          </thead>
          <tbody>
            {% for tpl in templates %}
            <tr>
              <td><code>{{ tpl.name }}</code></td>
              <td>{{ tpl.brand or "-" }}</td>
              <td>{{ tpl.model or "-" }}</td>
              <td>
                {% if tpl.source == "builtin" %}
                  <span class="badge bg-info">Built-in</span>
                {% else %}
                  <span class="badge bg-success">Banco</span>
                {% endif %}
              </td>
              <td>
                {% if tpl.can_edit %}
                  <a href="/app/pbx/templates/edit/{{ tpl.name }}" class="btn btn-sm btn-primary">✏️ Editar</a>
                  <form method="POST" action="/app/pbx/templates/delete/{{ tpl.name }}" style="display:inline"
                        onsubmit="return confirm('Excluir template {{ tpl.name }}?')">
                    <button type="submit" class="btn btn-sm btn-danger">🗑️ Excluir</button>
                  </form>
                {% else %}
                  <a href="/app/pbx/templates/edit/{{ tpl.name }}" class="btn btn-sm btn-outline-secondary">📄 Visualizar</a>
                  <a href="/app/pbx/templates/new?clone={{ tpl.name }}" class="btn btn-sm btn-outline-primary">🔁 Clonar e Editar</a>
                {% endif %}
              </td>
            </tr>
            {% else %}
            <tr>
              <td colspan="5" class="text-center text-muted">Nenhum template encontrado</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}