{% extends "base.html" %}
{% block title %}{% if plantilla %}Editar plantilla{% else %}Nueva plantilla{% endif %}{% endblock %}
{% block page_title %}{% if plantilla %}Editar plantilla — {{ plantilla.nombre }}{% else %}Nueva plantilla de correo{% endif %}{% endblock %}

{% block content %}
{% with msgs = get_flashed_messages(with_categories=true) %}
  {% for cat, msg in msgs %}
  <div class="alert alert-{{ cat }} alert-dismissible fade show">{{ msg }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
  {% endfor %}
{% endwith %}

<div class="row justify-content-center">
  <div class="col-lg-8">
    <form method="post">
      <div class="card border-0 shadow-sm">
        <div class="card-header fw-semibold small">
          <i class="bi bi-envelope-paper me-2"></i>Datos de la plantilla
        </div>
        <div class="card-body">

          <div class="mb-3">
            <label class="form-label small fw-semibold">Nombre <span class="text-danger">*</span></label>
            <input type="text" name="nombre" class="form-control"
                   value="{{ plantilla.nombre if plantilla else '' }}"
                   placeholder="Ej: Devolución de mercancía" required>
          </div>

          <div class="mb-3">
            <label class="form-label small fw-semibold">Proveedor específico (opcional)</label>
            <select name="proveedor_id" class="form-select">
              <option value="">— General (aplica a todos los proveedores) —</option>
              {% for pv in proveedores %}
              <option value="{{ pv.id }}"
                {% if plantilla and plantilla.proveedor_id == pv.id %}selected{% endif %}>
                {{ pv.nombre }}
              </option>
              {% endfor %}
            </select>
            <div class="form-text">Si eliges un proveedor, esta plantilla aparecerá primero al enviar abonos a ese proveedor.</div>
          </div>

          <div class="mb-3">
            <label class="form-label small fw-semibold">Asunto del correo</label>
            <input type="text" name="asunto" class="form-control"
                   value="{{ plantilla.asunto if plantilla else '' }}"
                   placeholder="Ej: Nota de abono {numero}">
          </div>

          <div class="mb-3">
            <label class="form-label small fw-semibold">Cuerpo del mensaje</label>
            <textarea name="cuerpo" class="form-control" rows="12"
                      placeholder="Texto del correo...">{{ plantilla.cuerpo if plantilla else '' }}</textarea>
            <div class="form-text">
              Marcadores disponibles:
              <code>{numero}</code> número del abono,
              <code>{fecha}</code> fecha,
              <code>{total}</code> importe total,
              <code>{concepto}</code> concepto del abono,
              <code>{factura_ref}</code> referencia de factura,
              <code>{empresa}</code> nombre de tu empresa.
            </div>
          </div>

        </div>
        <div class="card-footer bg-transparent d-flex gap-2">
          <button type="submit" class="btn btn-primary">
            <i class="bi bi-save me-1"></i>{% if plantilla %}Guardar cambios{% else %}Crear plantilla{% endif %}
          </button>
          <a href="{{ url_for('abonos_prov.plantillas') }}" class="btn btn-outline-secondary">Cancelar</a>
        </div>
      </div>
    </form>
  </div>
</div>
{% endblock %}