{% extends "vantage/base.html" %}
{% load static vantage i18n %}

{% block head %}
<link rel="stylesheet" href="{% static 'vantage/vantage-form.css' %}">
{% endblock %}

{% block content %}
<div class="v-page-head">
  <div>
    <h1 class="v-page-title">{% blocktranslate with label=panel.get_label|lower %}Delete {{ label }}?{% endblocktranslate %}</h1>
    <p class="v-page-description">
      {{ object }} · <span class="v-mono">#{{ object.pk }}</span>
    </p>
  </div>
</div>

{% if messages %}
  <ul class="v-form-messages">
    {% for message in messages %}
      <li class="v-form-alert" data-tone="{{ message.tags }}">{{ message }}</li>
    {% endfor %}
  </ul>
{% endif %}

<section class="v-card v-confirm">
  <div class="v-card-body">
    {% if cascade.is_blocked %}
      <p class="v-confirm-lede">{{ cascade.blocked_by }}</p>
    {% elif soft_delete %}
      {% comment %} This model keeps a trash, so nothing is being destroyed and the
         permanence warning below would be false. No cascade preview either: the
         related rows are untouched, and listing them under a heading that says they
         will be destroyed is the opposite of informing someone. {% endcomment %}
      <p class="v-confirm-lede">
        {% blocktranslate %}This moves <strong>{{ object }}</strong> to the trash. You can restore it later.{% endblocktranslate %}
      </p>
      <p class="v-muted">{% translate "Related records are not affected." %}</p>
    {% else %}
      <p class="v-confirm-lede">
        {% blocktranslate %}This permanently deletes <strong>{{ object }}</strong>. It cannot be undone.{% endblocktranslate %}
      </p>

      {% comment %} The cascade preview. A delete that silently takes 12 other rows with it is the
         single worst surprise an admin panel can hand someone, so the counts are stated
         before the button and again on it. {% endcomment %}
      {% if cascade.unavailable %}
        <p class="v-form-alert" data-tone="warning">{{ cascade.unavailable }}</p>
      {% elif cascade.groups %}
        <h2 class="v-confirm-heading">{% translate "These will be destroyed too" %}</h2>
        <ul class="v-cascade">
          {% for group in cascade.groups %}
            <li>
              <span>{{ group.label }}</span>
              <span class="v-badge" data-tone="destructive">{{ group.count }}</span>
            </li>
          {% endfor %}
        </ul>
      {% else %}
        <p class="v-muted">{% translate "Nothing else references this record." %}</p>
      {% endif %}

      {% if cascade.cleared %}
        <h2 class="v-confirm-heading">{% translate "These survive, but lose a reference" %}</h2>
        <ul class="v-cascade">
          {% for group in cascade.cleared %}
            <li>
              <span>{{ group.label }}</span>
              <span class="v-badge" data-tone="warning">{{ group.count }}</span>
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    {% endif %}
  </div>

  <div class="v-card-body v-confirm-actions">
    <a class="v-btn v-btn-secondary" href="{{ cancel_url }}">{% translate "Cancel" %}</a>
    {% if not cascade.is_blocked %}
      <form method="post">
        {% csrf_token %}
        <button class="v-btn v-btn-destructive" type="submit">{{ confirm_label }}</button>
      </form>
    {% endif %}
  </div>
</section>
{% endblock %}