{% 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>
      <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>
      <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 }}</td>
              {% for cell in row.cells %}<td>{{ cell }}</td>{% endfor %}
            </tr>
          {% endfor %}
        </tbody>
      </table>
      {% if preview.new_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 %}