{% extends "base_table.html" %}

{% block content_title %}
  {{ super() }}
  <small>{{ ds_table.all().count() }} rows, showing page {{ page }}</small>
{% endblock %}

{% block content_tab_class %} active{% endblock %}

{% block inner_content %}
  {# add filters #}
  {% if allow_bulk %}
    <form action="." autocomplete="off" method="post">
      <div class="float-right">
        <button class="btn btn-sm btn-danger bulk-action" disabled name="action" type="submit" value="bulk-delete">Bulk Delete</button>
      </div>
  {% endif %}
  <table class="table table-striped small cell-content">
    <thead>
      <tr>
        {% if allow_bulk %}
          <th style="width:24px;"><input id="toggle-pk-all" type="checkbox" /></th>
        {% endif %}
        {% for column in columns %}
          <th>
            <a href="./?ordering={% if ordering == column %}-{% endif %}{{ column }}">{{ column }}</a>
          </th>
        {% endfor %}
        {% if allow_edit %}<th></th>{% endif %}
      </tr>
    </thead>
    <tbody>
      {% for row in query %}
        {% if allow_edit %}
          {% set pk = row|encode_pk(table_pk) %}
        {% endif %}
        <tr>
          {% if allow_bulk %}
            <td><input class="toggle-pk" name="pk" type="checkbox" value="{{ pk }}" /></td>
          {% endif %}
          {% for field in field_names %}
            {% set value = row[field] %}
            <td>
              {% if value is none %}
                <code>NULL</code>
              {% else %}
                {{ value|value_filter|safe }}
              {% endif %}
            </td>
          {% endfor %}
          {% if allow_edit %}
            <td>
              <a class="small" href="{{ url_for('table_update', table=table, pk=pk) }}">Edit</a>
              <a class="small" href="{{ url_for('table_delete', table=table, pk=pk) }}">Delete</a>
            </td>
          {% endif %}
        </tr>
      {% endfor %}
    </tbody>
  </table>
  {% if allow_bulk %}</form>{% endif %}
  <nav>
    <ul class="pagination">
      <li class="{% if not previous_page %}disabled {% endif %}page-item">
        <a class="page-link" href="{{ url_for('table_content', table=table, page=1, ordering=ordering) }}">&laquo;</a>
      </li>
      <li class="{% if not previous_page %}disabled {% endif %}page-item">
        <a class="page-link" href="{{ url_for('table_content', table=table, page=previous_page, ordering=ordering) }}">&lsaquo;</a>
      </li>
      <li class="page-item disabled">
        <span class="page-link">Page {{ page }} / {{ total_pages }}</span>
      </li>
      <li class="{% if not next_page %}disabled {% endif %}page-item">
        <a class="page-link" href="{{ url_for('table_content', table=table, page=next_page, ordering=ordering) }}">&rsaquo;</a>
      </li>
      <li class="{% if not next_page %}disabled {% endif %}page-item">
        <a class="page-link" href="{{ url_for('table_content', table=table, page=total_pages, ordering=ordering) }}">&raquo;</a>
      </li>
    </ul>
  </nav>
{% endblock %}