{% load crispy_forms_tags %}

<c-layouts.plugin>
  {% block import_form %}
    <c-components.form.default />
  {% endblock import_form %}

  {% if result %}
    {% if result.has_errors %}
      {% block errors %}
        <h2>{% translate "Errors" %}</h2>
        <ul>
          {% for error in result.base_errors %}
            <li>
              {{ error.error }}
              <div class="traceback">{{ error.traceback|linebreaks }}</div>
            </li>
          {% endfor %}
          {% block import_error_list %}
            {% for line, errors in result.row_errors %}
              {% for error in errors %}
                {% block import_error_list_item %}
                  <li class="import-error-li">
                    {% if "message" in import_error_display %}
                      <div class="import-error-display-message">{% translate "Line number" %}: {{ line }} - {{ error.error }}</div>
                    {% endif %}
                    {% if "row" in import_error_display %}
                      <div class="import-error-display-row">{{ error.row.values|join:", " }}</div>
                    {% endif %}
                    {% if "traceback" in import_error_display %}
                      <div class="import-error-display-traceback">{{ error.traceback|linebreaks }}</div>
                    {% endif %}
                  </li>
                {% endblock %}

              {% endfor %}
            {% endfor %}
          {% endblock %}

        </ul>
      {% endblock %}

    {% elif result.has_validation_errors %}
      {% block validation_errors %}
        <h2>{% translate "Some rows failed to validate" %}</h2>
        <p>
          {% translate "Please correct these errors in your data where possible, then reupload it using the form above." %}
        </p>
        <table class="import-preview">
          <thead>
            <tr>
              <th>{% translate "Row" %}</th>
              <th>{% translate "Errors" %}</th>
              {% for field in result.diff_headers %}<th>{{ field }}</th>{% endfor %}
            </tr>
          </thead>
          <tbody>
            {% for row in result.invalid_rows %}
              <tr>
                <td>{{ row.number }}</td>
                <td class="errors">
                  <span class="validation-error-count">{{ row.error_count }}</span>
                  <div class="validation-error-container">
                    <ul class="validation-error-list">
                      {% for field_name, error_list in row.field_specific_errors.items %}
                        <li>
                          <span class="validation-error-field-label">{{ field_name }}</span>
                          <ul>
                            {% for error in error_list %}<li>{{ error }}</li>{% endfor %}
                          </ul>
                        </li>
                      {% endfor %}
                      {% if row.non_field_specific_errors %}
                        <li>
                          <span class="validation-error-field-label">{% translate "Non field specific" %}</span>
                          <ul>
                            {% for error in row.non_field_specific_errors %}<li>{{ error }}</li>{% endfor %}
                          </ul>
                        </li>
                      {% endif %}
                    </ul>
                  </div>
                </td>
                {% for field in row.values %}<td>{{ field }}</td>{% endfor %}
              </tr>
            {% endfor %}
          </tbody>
        </table>
      {% endblock %}

    {% else %}
      {% block preview %}
        <h2>{% translate "Preview" %}</h2>
        <table class="import-preview">
          <thead>
            <tr>
              <th></th>
              {% for field in result.diff_headers %}<th>{{ field }}</th>{% endfor %}
            </tr>
          </thead>
          {% for row in result.valid_rows %}
            <tr class="{{ row.import_type }}">
              <td class="import-type">
                {% if row.import_type == 'new' %}
                  {% translate "New" %}
                {% elif row.import_type == 'skip' %}
                  {% translate "Skipped" %}
                {% elif row.import_type == 'delete' %}
                  {% translate "Delete" %}
                {% elif row.import_type == 'update' %}
                  {% translate "Update" %}
                {% endif %}
              </td>
              {% for field in row.diff %}<td>{{ field }}</td>{% endfor %}
            </tr>
          {% endfor %}
        </table>
      {% endblock %}

    {% endif %}
  {% endif %}
</c-layouts.plugin>