{% extends 'website/backoffice/base.html' %}
{% load url from future %}
{% load spurl %}

{% block bodyclass %}newsletter{% endblock %}

{% block content %}
    <a href="{% url 'website:backoffice:volunteers:newsletters:add' %}" class="button">
        <span>Add Newsletter</span>
    </a>
    <table class='object-list'>
        <thead>
            <tr>
                {% for column in table.columns %}
                    <th class='{{ column.subject }} {% if column.is_ordered %} ordered{% endif %}'>
                        {% if column.sortable %}
                            <a href="?sort={{ column.subject }}">
                        {% endif %}
                            {{ column }}
                        {% if column.sortable %}
                            </a>
                        {% endif %}

                        {% if column.is_ordered %}
                            {% if column.is_ordered_straight %}
                                <div class = 'triangle'></div>
                            {% else %}
                                <div class = 'triangle down'></div>
                            {% endif %}
                        {% endif %}
                    </th>
                {% endfor %}
            </tr>
        </thead>
        {% block table_content %}
        {% for row in table.rows.page %}
            <tr>
                {% for value in row %}
                    <td>
                        {% if forloop.counter == 1 %}
                            {{ value }}
                        {% else %}
                            {% if value %}
                                {{ value }}
                            {% else %}
                                &ndash;
                            {% endif %}
                        {% endif %}
                    </td>
                {% endfor %}
            </tr>
        {% endfor %}
        {% endblock %}
    </table>


    {% if table.paginator.num_pages > 1 %}
        <div class = 'pagination'>
            {% if table.page.has_previous %}
                <a href='{% spurl base='' add_query="page={{ table.page.previous_page_number }}" add_query="q={{ q }}" add_query="sort={{ table.order_by }}" %}' class = 'prev'>&laquo; Previous</a>
            {% endif %}
            {% if table.page.has_next %}
                <a href='{% spurl base='' add_query="page={{ table.page.next_page_number }}" add_query="q={{ q }}" add_query="sort={{ table.order_by }}" %}' class = 'next'>Next &raquo;</a>

            {% endif %}
        </div>
    {% endif %}

{% endblock %}