{# prometheus/_preview.html — the template editor's live preview (#5692):
   what's typed, checked; when it passes, drawn over the chosen target as
   the dashboard widget would draw it (widget.html, the same fragment). #}
{% if problems %}
<div class="w-verdict tone-warn">{{ problems|length }} problem{{ "s" if problems|length != 1 }} to fix before it draws.</div>
<ul class="tpl-problems">{% for p in problems %}<li>{{ p }}</li>{% endfor %}</ul>
{% elif empty %}
<p class="field-hint">Paste or write a template, and it's drawn here as you type.</p>
{% elif view is none %}
<div class="w-verdict tone-ok">“{{ template.name }}” passes the checker.</div>
<p class="field-hint">Add a Prometheus target to see it drawn over real values.</p>
{% else %}
{% include "prometheus/widget.html" %}
{% endif %}