{% extends "base.html" %}
{% block body_class %}themed-bg{% endblock %}
{% block content %}
<div class="container">
  <div class="card">
    <h1 class="page-title">{{ dry_run|yesno:"Dry-run Preview,Import Result" }}</h1>
    <p>{{ report }}</p>

    {% if errors %}
      <h3>Errors (first {{ errors|length }})</h3>
      <ul class="small">
        {% for e in errors %}
          <li>{{ e }}</li>
        {% endfor %}
      </ul>
    {% endif %}

    {% if rows %}
      <h3 style="margin-top:10px;">Preview (first {{ rows|length }})</h3>
      <div class="small muted">Truncated fields shown for readability.</div>
      <table class="table" style="margin-top:8px;">
        <thead>
          <tr>
            <th>#</th>
            <th>Subject</th><th>Illustration</th><th>Application</th><th>Scripture</th>
            <th>Source</th><th>Talk Title</th><th>Talk #</th><th>Code</th><th>Date</th><th>Date Edited</th>
          </tr>
        </thead>
        <tbody>
          {% for rownum, r in rows %}
            <tr>
              <td>{{ rownum }}</td>
              <td>{{ r.Subject }}</td>
              <td>{{ r.Illustration }}</td>
              <td>{{ r.Application }}</td>
              <td>{{ r.Scripture }}</td>
              <td>{{ r.Source }}</td>
              <td>{{ r."Talk Title" }}</td>
              <td>{{ r."Talk Number" }}</td>
              <td>{{ r.Code }}</td>
              <td>{{ r.Date }}</td>
              <td>{{ r."Date Edited" }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}

    <div class="result-toolbar" style="margin-top:12px;">
      <div class="rt-left"></div>
      <div class="rt-right">
        <a class="btn btn-primary" href="{% url 'import_wizard' %}">Back to Import</a>
        <a class="btn btn-secondary" href="{% url 'settings_home' %}">Close</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}