{% extends '_base.html' %}
{% load i18n %}
{% load static %}
{% block content %}
  {% include '_components/header.html' %}

  <div class="internal-wrapper">
    <div id="list-table-header">
      {% include '_components/table_search.html' %}
      {% include '_components/sub_menu.html' %}
    </div>

    {% include '_components/table_pagination.html' with noscript=True %}
    <table id="list-table">
      <thead>
        <tr>
          {% for column in table_header %}
            <th class="non-clickable">{{ column }}</th>
          {% endfor %}
        </tr>
      </thead>
      <tbody>
        {% for row in table_rows %}
          <tr class="result">
            {% for column in row %}
              <td class="non-clickable"{% if not row.is_succeeded %} style="color: #C00; font-weight: bolder; font-size: 1.05em;"{% endif %}>{{ column }}</td>
            {% endfor %}
          </tr>
          <tr class="result-detail">
            <td class="non-clickable" colspan="7">
              {% for b in row.bresult %}
                <div>
                  <span{% if b.status >= 400 %} style="color: #D00;"{% endif %}>{{ b.status }}:</span>
                  <span>{{ b.message }}</span>
                  <span>[{{ b.backend_name }}]</span>
                </div>
              {% endfor %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
    {% include '_components/table_pagination.html' %}
  </div>
  <script type="application/javascript" src="{% static 'js/csv_export.js' %}"></script>
{% endblock %}