{% extends "misago/admin/generic/base.html" %}
{% load i18n %}


{% block title %}
{{ active_link.name }} | {{ block.super }}
{% endblock title%}


{% block view %}
{% if paginator or order_by or search_form or mass_actions %}
<div class="table-actions">

  {% if paginator %}
  {% include "misago/admin/generic/paginator.html" %}
  {% endif%}

  {% if order_by %}
  <div class="btn-group pull-left">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
      {% trans "Sorting:" %} <span class="fa fa-sort-numeric-{{ order.type }}"></span> <strong>{{ order.name }}</strong>
    </button>
    <ul class="dropdown-menu" role="menu">
      <li class="dropdown-title">
        {% trans "Change sorting to:" %}
      </li>
      {% for order in order_by %}
      <li>
        <form method="get">
          <input type="hidden" name="sort" value="{{ order.order_by }}">
          <input type="hidden" name="direction" value="{{ order.type }}">
          {% for name, value in query_filters.items %}
          <input type="hidden" name="{{ name }}" value="{{ value }}">
          {% endfor %}
          <button type="submit">
            <span class="fa fa-sort-numeric-{{ order.type }}"></span>
            {{ order.name }}
          </button>
        </form>
      </li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}

  {% if search_form %}
    <button class="btn btn-{% if active_filters %}success{% else %}default{% endif %} pull-left" data-toggle="modal" data-target="#filter-modal">
      {% if active_filters %}
      <span class="fa fa-check"></span>
      {% trans "Change search" %}
      {% else %}
      <span class="fa fa-search"></span>
      {% trans "Search list" %}
      {% endif %}
    </button>

    {% if active_filters %}
    <form method="get" class="pull-left">
      <input type="hidden" name="clear_filters" value="1">
      {% for name, value in query_order.items %}
      <input type="hidden" name="{{ name }}" value="{{ value }}">
      {% endfor %}
      <button type="submit" class="btn btn-default">
        <span class="fa fa-times"></span>
        {% trans "Remove search" %}
      </button>
    </form>
    {% endif %}
  {% endif %}

  {% if mass_actions %}
  <button type="button" class="btn btn-default pull-right master-checkbox">
    <span class="fa fa-check"></span>
  </button>
  <div class="btn-group pull-right">
    <form id="mass-action" action="{{ querystring }}" method="post">
      <button type="button" class="btn btn-default dropdown-toggle mass-controller" data-toggle="dropdown">
        <span class="fa fa-gears"></span>
        {% trans "With selected" %}
      </button>
      {% csrf_token %}
      <ul class="dropdown-menu" role="menu">
        {% for action in mass_actions %}
        <li>
          <button type="submit" name="action" value="{{ action.action }}" {% if action.confirmation %}data-confirmation="{{ action.confirmation }}"{% endif %}>
            <span class="{{ action.icon }}"></span>
            {{ action.name }}
          </button>
        </li>
        {% endfor %}
      </ul>
    </form>
  </div>
  {% endif %}

</div><!-- /.table-actions -->
{% endif %}

<div class="table-panel">
  <table class="table">
    <tr>
      {% block table-header %}
      {% endblock table-header %}
      {% if mass_actions %}
      <th class="width: 1%;">&nbsp;</th>
      {% endif %}
    </tr>

    {% block table-items %}
    {% for item in items %}
    <tr>
      {% block table-row %}{% endblock table-row %}
      {% if mass_actions %}
      <td class="row-select">
        <label>
          <input type="checkbox" form="mass-action" name="selected_items" value="{{ item.pk }}" {% if item.pk in selected_items %} checked{% endif %}>
        </label>
      </td>
      {% endif %}
    </tr>
    {% empty %}
    <tr class="message-row">
      {% block emptylist %}
      {% endblock emptylist %}
    </tr>
    {% endfor %}
    {% endblock table-items %}
  </table>
</div><!-- /.table-panel -->

{% if paginator %}
<div class="table-actions">
  {% include "misago/admin/generic/paginator.html" %}
</div><!-- /.table-actions -->
{% endif %}
{% endblock view %}


{% block content %}
{{ block.super }}
{% if search_form %}
<div class="modal fade" id="filter-modal" tabindex="-1" role="dialog" aria-labelledby="filter-modal-label" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="filter-modal-label">
        {% block modal-title %}
        {% endblock modal-title %}
        </h4>
      </div>
      <form method="GET">
        <input type="hidden" name="set_filters" value="1">
        {% for name, value in query_order.items %}
        <input type="hidden" name="{{ name }}" value="{{ value }}">
        {% endfor %}

        <div class="modal-body">
        {% block modal-body %}
        {% endblock modal-body %}
        </div>
        <div class="modal-footer">
        {% block modal-footer %}
        <button type="button" class="btn btn-default" data-dismiss="modal">
          {% trans "Close" %}
        </button>
        <button type="submit" class="btn btn-primary">
          {% trans "Save changes" %}
        </button>
        {% endblock modal-footer %}
        </div>

      </form>
    </div>
  </div>
</div>
{% endif %}
{% endblock content%}


{% block javascripts %}
{% if mass_actions %}
<script type="text/javascript">
  $(function() {
    tableMassActions("{{ empty_selection_label }}", "{{ selection_label }}");
  });
</script>
{% endif %}
{% endblock javascripts %}
