{% extends 'panel/base.html' %}

{% block panel_title %}{{ active_tab.title }}{% endblock %}
{% block heading %}{{ active_tab.title }}{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">{{ active_tab.description }}</p>{% endblock %}

{% block content %}
<div class="max-w-2xl space-y-4">
  {% if active_tab.intro %}
    <p class="text-sm leading-relaxed text-slate-600 dark:text-slate-300">{{ active_tab.intro }}</p>
  {% endif %}

  <div class="card save-bar">
    <form method="post" novalidate class="card-body space-y-6">
      {% include "panel/partials/dirty-note.html" %}
      {% csrf_token %}
      {% include 'panel/partials/form.html' %}
      <div class="border-t border-slate-200 pt-4 dark:border-slate-800">
        <button class="btn-primary" type="submit">Zapisz ustawienia</button>
      </div>
    </form>
  </div>

  {% if test_form %}
    <div class="card">
      <form method="post" action="{% url 'panel:emails:test' %}" novalidate class="card-body space-y-4">
        {% csrf_token %}
        <div class="space-y-1">
          <h2 class="text-sm font-semibold text-slate-900 dark:text-slate-100">Sprawdź wysyłkę</h2>
          <p class="help">
            Wysyła jedna wiadomość na podany adres i pokazuje odpowiedź serwera poczty.
            Najpierw zapisz ustawienia.
          </p>
        </div>
        {% for field in test_form %}{% include 'panel/partials/field.html' %}{% endfor %}
        <div class="border-t border-slate-200 pt-4 dark:border-slate-800">
          <button class="btn-ghost" type="submit">Wyślij wiadomość próbna</button>
        </div>
      </form>
    </div>
  {% endif %}
</div>
{% endblock %}