{% extends "admin/base.html" %}
{% block content %}
<div class="portal-v4-page portal-template-preview">
  <section class="portal-v4-hero portal-template-hero">
    <div><span class="portal-eyebrow">PRÉ-VISUALIZAÇÃO · {{ template_object.get_kind_display }}</span><h1>{{ template_object.name }}</h1><p>{{ template_object.description|default:"Pré-visualização com os dados de exemplo definidos no template." }}</p></div>
    <div class="portal-v4-actions"><a href="{% url 'admin:template_library_reusabletemplate_change' template_object.pk %}"><span class="material-symbols-outlined">edit</span>Editar template</a><a href="{% url 'template_center' %}"><span class="material-symbols-outlined">arrow_back</span>Biblioteca</a></div>
  </section>
  <div class="portal-v4-grid portal-v4-grid-2">
    <section class="portal-v4-panel"><header><div><span>TEXTO</span><h2>{{ rendered_subject|default:"Sem título" }}</h2></div></header><div class="portal-template-paper"><pre>{{ rendered_body }}</pre></div></section>
    <section class="portal-v4-panel"><header><div><span>HTML</span><h2>Resultado visual</h2></div></header><div class="portal-template-paper portal-template-html">{% if rendered_html %}{{ rendered_html|safe }}{% else %}<p class="portal-v4-empty">Este template não tem versão HTML.</p>{% endif %}</div></section>
  </div>
  <section class="portal-v4-panel"><header><div><span>VARIÁVEIS</span><h2>Dados de exemplo</h2></div></header><div class="portal-template-code"><pre>{{ template_object.example_context }}</pre><pre>{{ template_object.variables }}</pre></div></section>
</div>
{% endblock %}
