{% extends "outreach/admin/base.html" %}
{% load i18n %}

{% block page_title %}{% trans "Import" %}{% endblock %}

{% block breadcrumbs_last %}{% endblock %}

{% block content %}
<div class="card">
  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <div class="form">
      <div class="f wide">
        {{ form.import_file.errors }}
        {{ form.import_file.label_tag }}
        {{ form.import_file }}
        <span class="hint">{% trans "A UTF-8 CSV file with a header row and an email column." %}</span>
      </div>
      {% if form.update_existing %}
        <div class="wide">
          <label class="check">{{ form.update_existing }} {{ form.update_existing.label }}</label>
          <span class="hint">{{ form.update_existing.help_text }}</span>
        </div>
      {% endif %}
      <div class="wide actions">
        <button class="btn fill" type="submit">{% trans "Preview import" %}</button>
        <a class="btn quiet" href="{% url 'outreach_admin:outreach_prospect_changelist' %}">{% trans "Cancel" %}</a>
      </div>
    </div>
  </form>
</div>

{% if preview %}
  {% if preview.invalid_rows %}
    <div class="card">
      <h3>{% trans "Some rows are invalid" %}</h3>
      <p>{% trans "Nothing was imported. Correct these rows in your file, then upload it again." %}</p>
      <table class="import-preview">
        <thead>
          <tr>
            <th>{% trans "Line" %}</th>
            <th>{% trans "Errors" %}</th>
            {% for column in columns %}<th>{{ column }}</th>{% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for row in preview.invalid_rows %}
            <tr>
              <td>{{ row.line }}</td>
              <td><ul>{% for error in row.errors %}<li>{{ error }}</li>{% endfor %}</ul></td>
              {% for cell in row.cells %}<td>{{ cell }}</td>{% endfor %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% else %}
    <div class="card">
      <h3>{% trans "Preview" %}</h3>
      <p>{% blocktrans with new=preview.new_rows|length update=preview.update_rows|length kept=preview.kept_rows|length repeated=preview.repeated_rows|length %}{{ new }} new, {{ update }} to update, {{ kept }} kept as they are, {{ repeated }} repeated in the file.{% endblocktrans %}</p>
      <table class="import-preview">
        <thead>
          <tr>
            <th></th>
            {% for column in columns %}<th>{{ column }}</th>{% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for row in preview.rows %}
            <tr class="{{ row.status.value }}">
              <td>
                {{ row.status.label }}
                {% for field_name, change in row.changes.items %}<br><small>{{ field_name }}: {{ change.0|default:"-" }} &rarr; {{ change.1 }}</small>{% endfor %}
              </td>
              {% for cell in row.cells %}<td>{{ cell }}</td>{% endfor %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
      {% if preview.new_rows or preview.update_rows %}
        <form method="post" action="{% url 'outreach_admin:outreach_prospect_process_import' %}">
          {% csrf_token %}
          {{ confirm_form }}
          <p>{% trans "If you are satisfied with the preview, confirm the import." %}</p>
          <button class="btn fill" type="submit">{% trans "Confirm import" %}</button>
        </form>
      {% else %}
        <p>{% trans "Every row already exists, so there is nothing to import." %}</p>
      {% endif %}
    </div>
  {% endif %}
{% endif %}
{% endblock %}