{% extends "page_view.html" %}
{% load i18n %}
{% comment %}
  The preview's own page (FS-011): no import form here, since the title and subtitle above
  already carry what a reader needs. The counts stay bound to the whole file while the table
  narrows to one outcome — both read the same Alpine ``outcome`` scope the filter writes.
{% endcomment %}
{% block page.content %}
  {% if nothing_staged %}
    <c-alert variant="warning">
      {% blocktranslate %}
        There is nothing staged to preview. Start a new import to see one.
      {% endblocktranslate %}
    </c-alert>
  {% else %}
    {% if report.skipped or report.failed %}
      <c-alert variant="warning" class="mb-4">
        {% blocktranslate %}
          Some entries were skipped or could not be imported. Read the
          table below before confirming.
        {% endblocktranslate %}
      </c-alert>
    {% endif %}
    <c-mvp.text class="mb-4">
      {% blocktranslate with created=report.created skipped=report.skipped failed=report.failed %}
        {{ created }} created, {{ skipped }} skipped, {{ failed }} failed.
      {% endblocktranslate %}
    </c-mvp.text>
    <div x-data="{ outcome: 'all' }">
      <c-filter :outcomes="outcome_choices" class="mb-4" />
      <c-mvp.addons.django-table :table="table" />
    </div>
    <c-mvp.group collapse wrap class="mt-4">
      <c-button href="{% url 'literature:item-list' %}" text="{% trans 'Back to the catalogue' %}" icon="arrow-left" />
      <form method="post" action="{% url 'literature:item-import-restart' %}">
        {% csrf_token %}
        <c-button text="{% trans 'Restart import' %}" type="submit" />
      </form>
      {% if report.created %}
        {# Nothing would be created by confirming, so the control is not offered. #}
        <form method="post" action="{% url 'literature:item-import-confirm' %}">
          {% csrf_token %}
          {{ confirm_form.preview }}
          <c-button text="{% trans 'Confirm import' %}" type="submit" icon="check" variant="primary" />
        </form>
      {% endif %}
    </c-mvp.group>
  {% endif %}
{% endblock page.content %}