{% 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>
            {% if confirm_form.fields.audience_lines %}<th>{% trans "Audience" %}</th>{% endif %}
            <th></th>
            {% for column in columns %}<th>{{ column }}</th>{% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for row in preview.rows %}
            <tr class="{{ row.status.value }}">
              {% if confirm_form.fields.audience_lines %}
                <td>
                  {% if row.status.value != "repeated" %}
                    <input type="checkbox" name="audience_lines" value="{{ row.line }}" form="import-confirm" aria-label="{% blocktrans with line=row.line %}Add line {{ line }} to the audience{% endblocktrans %}"{% if row.line in checked_lines %} checked{% endif %}>
                  {% endif %}
                </td>
              {% endif %}
              <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 or confirm_form.fields.audience_lines and preview.audience_rows %}
        <form id="import-confirm" method="post" action="{% url 'outreach_admin:outreach_prospect_process_import' %}">
          {% csrf_token %}
          {% for field in confirm_form.hidden_fields %}{{ field }}{% endfor %}
          {% if confirm_form.fields.audience_lines %}
            <div class="form">
              {% if confirm_form.non_field_errors %}
                <div class="notice err wide" role="alert">
                  {% for error in confirm_form.non_field_errors %}<p>{{ error }}</p>{% endfor %}
                </div>
              {% endif %}
              <div class="f wide">
                {{ confirm_form.audience.errors }}
                {{ confirm_form.audience.label_tag }}
                {{ confirm_form.audience }}
                <span class="hint">{% trans "Tick the rows that join the audience. Prospects already in it are left as they are. Unsubscribed prospects can be members, but are never mailed." %}</span>
              </div>
              <div class="f wide">
                {{ confirm_form.new_audience_name.errors }}
                {{ confirm_form.new_audience_name.label_tag }}
                {{ confirm_form.new_audience_name }}
                <span class="hint">{% trans "Creates the audience. Choose an audience or type a new name, not both." %}</span>
              </div>
            </div>
          {% endif %}
          <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 %}