{% extends "base.html" %}

{% load humanize i18n translations %}

{% block breadcrumbs %}
  {% if path_object %}
    {% path_object_breadcrumbs path_object %}
    <li class="breadcrumb-item">
      <a href="{% url 'checks' path=path_object.get_url_path name="-" %}">{% translate "Checks" %}</a>
    </li>
    {% if check %}
      <li class="breadcrumb-item">
        <a href="{% url 'checks' path=path_object.get_url_path name=check.check_id %}">{{ check.name }}</a>
      </li>
    {% endif %}
  {% elif check and not path_object %}
    <li class="breadcrumb-item">
      <a href="{% url 'checks' %}">{% translate "Checks" %}</a>
    </li>
    <li class="breadcrumb-item">
      <a href="{% url 'checks' name=check.check_id %}">{{ check.name }}</a>
    </li>
  {% else %}
    <li class="breadcrumb-item">
      <a href="{% url 'checks' %}">{% translate "Checks" %}</a>
    </li>
  {% endif %}
{% endblock breadcrumbs %}

{% block content %}

  <table class="sort table progress-table table-listing">
    <thead>
      <tr>
        <th>{{ column_title }}</th>
        <th class="number">{% translate "Total" %}</th>
        <th class="number">{% translate "Dismissed" %}</th>
        <th class="number">{% translate "Active" %}</th>
        <th class="number">{% translate "Translated" %}</th>
      </tr>
    </thead>
    <tbody>
      {% for row in object_list %}
        <tr data-href="{{ row.row_url }}" class="clickable-row" id="row-{{ row.pk }}">
          <th>
            <a href="{{ row.row_url }}">{{ row.row_title }}</a>
          </th>
          <td class="number" data-value="{{ row.check_count }}">
            <a href="{{ row.search_urls.total }}">{{ row.check_count|intcomma }}</a>
          </td>
          <td class="number" data-value="{{ row.dismissed_check_count }}">
            <a href="{{ row.search_urls.dismissed }}">{{ row.dismissed_check_count|intcomma }}</a>
          </td>
          <td class="number" data-value="{{ row.active_check_count }}">
            <a href="{{ row.search_urls.active }}">{{ row.active_check_count|intcomma }}</a>
          </td>
          <td class="number" data-value="{{ row.translated_check_count }}">
            <a href="{{ row.search_urls.translated }}">{{ row.translated_check_count|intcomma }}</a>
          </td>
        </tr>
        <tr data-parent="row-{{ row.pk }}">
          <td colspan="5" class="progress-row autocolspan">
            <div class="progress"
                 role="progressbar"
                 aria-valuenow="{{ row.check_progress }}"
                 aria-valuemin="0"
                 aria-valuemax="100"
                 aria-label="{% translate "Checks" %}">
              <div class="progress-bar progress-bar-danger"
                   style="width: {{ row.check_progress }}%"></div>
            </div>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>

  {% if check %}
    <p>
      <a class="btn btn-primary" href="{% documentation check %}">{% translate "View check documentation" %}</a>
    </p>
  {% endif %}
{% endblock content %}