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

{% block panel_title %}{% if service %}{{ service.name }}{% else %}Nowa usługa własna{% endif %}{% endblock %}
{% block heading %}{% if service %}{{ service.name }}{% else %}Nowa usługa własna{% endif %}{% endblock %}
{% block subheading %}
<p class="text-sm text-slate-500 dark:text-slate-400">
  {% if service %}
    {{ service.get_kind_display }}{% if service.recipient %} - odbiorca: {{ service.recipient }}{% if service.country %} ({{ service.country }}){% endif %}{% endif %}
  {% else %}
    Usługa spoza katalogu: własny kod, który wchodzi na stronę dopiero po zgodzie.
  {% endif %}
</p>
{% endblock %}

{% block actions %}<a class="btn-ghost" href="{% url 'panel:consents:index' %}">Wróć do listy</a>{% endblock %}

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

  <section class="card">
    <div class="card-body space-y-4">
      {% if form.fields %}
        {% for field in form %}{% include 'panel/partials/field.html' %}{% endfor %}
      {% else %}
        <p class="text-sm text-slate-500 dark:text-slate-400">
          Ta usługa nie ma własnych ustawień - wystarczy ją włączyć.
        </p>
      {% endif %}

      {% if service.note %}
        <p class="help border-t border-slate-200 pt-3 dark:border-slate-800">{{ service.note }}</p>
      {% endif %}
    </div>
  </section>

  {% if form.fields %}
    <div class="card save-bar">
      <div class="card-body">
        {% include "panel/partials/dirty-note.html" %}
        <button class="btn-primary" type="submit">Zapisz ustawienia</button>
      </div>
    </div>
  {% endif %}
</form>

{% if service %}
  <section class="card max-w-2xl">
    <div class="card-body flex flex-wrap items-center justify-between gap-3">
      <div>
        <p class="text-sm font-medium text-slate-900 dark:text-slate-100">
          Usługa jest {% if service.enabled %}włączona{% else %}wyłączona{% endif %}.
        </p>
        <p class="help">
          {% if service.enabled %}
            Skrypt wchodzi na stronę po zgodzie na kategorie {{ service.get_category_display|lower }}.
          {% else %}
            Wyłączona usługa nie trafia na stronę i baner o nią nie pyta.
          {% endif %}
        </p>
      </div>
      <form method="post" action="{% url 'panel:consents:toggle' service.slug %}">
        {% csrf_token %}
        <button class="{% if service.enabled %}btn-ghost{% else %}btn-primary{% endif %}" type="submit">
          {% if service.enabled %}Wyłącz usługę{% else %}Włącz usługę{% endif %}
        </button>
      </form>
    </div>
  </section>

  {% if service.is_custom %}
    <section class="card max-w-2xl">
      <div class="card-body flex flex-wrap items-center justify-between gap-3">
        <div>
          <p class="text-sm font-medium text-slate-900 dark:text-slate-100">Usuń usługę własną</p>
          <p class="help">Usługa znika z listy razem ze swoim kodem. Nie da się tego cofnąć.</p>
        </div>
        <form method="post" action="{% url 'panel:consents:delete' service.slug %}"
              data-confirm="Usunąć usługę {{ service.name }}?">
          {% csrf_token %}
          <button class="btn-danger" type="submit">Usuń usługę</button>
        </form>
      </div>
    </section>
  {% endif %}
{% endif %}
{% endblock %}