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

{% block panel_title %}{% if object %}Edycja języka{% else %}Nowy język{% endif %}{% endblock %}
{% block heading %}{% if object %}{{ object.label }}{% else %}Nowy język serwisu{% endif %}{% endblock %}
{% block subheading %}
  <p class="text-sm text-slate-500 dark:text-slate-400">
    Język aktywny dostaje własny przedrostek adresu i wchodzi do przełącznika w nagłówku.
  </p>
{% endblock %}
{% block actions %}<a class="btn-ghost" href="{% url 'panel:languages:index' %}">Wróć do listy</a>{% endblock %}

{% block content %}
<form method="post" novalidate class="max-w-2xl space-y-4">
  {% csrf_token %}

  {% if form.non_field_errors %}
    <div class="border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-900 dark:bg-red-950 dark:text-red-200">
      {% for error in form.non_field_errors %}<p>{{ error }}</p>{% endfor %}
    </div>
  {% endif %}

  <section class="card">
    <div class="card-body space-y-4">
      {% for field in form %}{% include 'panel/partials/field.html' %}{% endfor %}
      <p class="help border-t border-slate-200 pt-3 dark:border-slate-800">
        Po dodaniu, wyłączeniu albo usunięciu języka adresy serwisu składają się od nowa.
        Serwis puszczony w kilku procesach trzeba jeszcze zrestartować.
      </p>
    </div>
  </section>

  <div class="card">
    <div class="card-body flex flex-wrap items-center justify-between gap-3">
      <button class="btn-primary" type="submit">{% if object %}Zapisz język{% else %}Dodaj język{% endif %}</button>
      {% if object %}<p class="help">Tłumaczeń w tym języku: {{ translation_count }}.</p>{% endif %}
    </div>
  </div>
</form>
{% endblock %}