{% extends "base.html" %}
{% block title %}
  {% if template_item %}Editar Template: {{ template_item.name }}{% else %}Novo Template{% endif %}
{% endblock %}
{% set active = "provision" %}
{% block content %}
<div class="container-fluid mt-3">
  <div class="row mb-3">
    <div class="col">
      <h4>
        {% if template_item %}
          ✏️ {% if readonly %}Visualizar{% else %}Editar{% endif %} Template: <code>{{ template_item.name }}</code>
        {% else %}
          🆕 Novo Template
        {% endif %}
      </h4>
    </div>
    <div class="col-auto">
      <a href="/app/pbx/templates/list" class="btn btn-outline-secondary">← Voltar</a>
    </div>
  </div>

  {% if readonly %}
  <div class="alert alert-warning">
    ⚠️ Este é um template <strong>built-in</strong> e não pode ser editado diretamente.
    Para criar uma versão personalizada, <a href="/app/pbx/templates/new?clone={{ template_item.name }}" class="alert-link">clique aqui para clonar</a>.
  </div>
  {% endif %}

  <div class="card">
    <div class="card-body">
      <form method="POST" action="/app/pbx/templates/save">
        <div class="row g-3 mb-3">
          <div class="col-md-4">
            <label class="form-label">Nome *</label>
            <input type="text" name="name" class="form-control"
                   value="{{ template_item.name if template_item else '' }}"
                   {% if readonly %}readonly{% endif %}
                   required>
            <small class="text-muted">Identificador único do template (ex: yealink_t2x)</small>
          </div>
          <div class="col-md-4">
            <label class="form-label">Marca</label>
            <select name="brand" class="form-select" {% if readonly %}disabled{% endif %}>
              <option value="">Selecione...</option>
              {% for b in brands %}
              <option value="{{ b }}" {% if template_item and template_item.brand == b %}selected{% endif %}>{{ b }}</option>
              {% endfor %}
            </select>
          </div>
          <div class="col-md-4">
            <label class="form-label">Modelo</label>
            <input type="text" name="model" class="form-control"
                   value="{{ template_item.model if template_item else '' }}"
                   {% if readonly %}readonly{% endif %}>
            <small class="text-muted">Ex: T2x/T4x, GXP-series, VVX-series</small>
          </div>
        </div>

        <div class="mb-3">
          <label class="form-label">Conteúdo do Template *</label>
          <small class="text-muted d-block mb-1">
            Placeholders disponíveis:
            <code>{ext}</code> - Ramal,
            <code>{password}</code> - Senha SIP,
            <code>{server}</code> - Servidor,
            <code>{display_name}</code> - Nome do ramal,
            <code>{mac}</code> - Endereço MAC
          </small>
          <textarea name="content" class="form-control font-monospace" rows="20"
                    {% if readonly %}readonly{% endif %}
                    required>{{ template_item.content if template_item else '' }}</textarea>
        </div>

        {% if not readonly %}
        <div class="d-flex justify-content-between">
          <a href="/app/pbx/templates/list" class="btn btn-outline-secondary">Cancelar</a>
          <button type="submit" class="btn btn-primary">💾 Salvar Template</button>
        </div>
        {% endif %}
      </form>
    </div>
  </div>
</div>
{% endblock %}