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

{% block bodyclass %}list{% endblock %}

{% block content %}

    <div id = 'list-header'>
        
        {% if button %}
            <a href = '{{ button.url }}' class = '{% firstof button.class 'button' %}'><span>{{ button.text }}</span></a>
        {% endif %}

        {% if search %}
            <form action='' method='GET' class='search_container clearfix'>
                <input type='text' name='q' placeholder='{% firstof search_placeholder "Search..." %}'
                    {% if q %}value = '{{ q }}'{% endif %}>
            </form>
        {% endif %}

    </div>


    <table class='object-list' id = '{{ title|slugify }}'>
        <thead>
            <tr>
                {% for column in table.columns %}
                    <th class='{{ column.name }}{% if column.is_ordered %} ordered{% endif %}'>
                        {% if column.sortable %}
                            <a href="?sort={{ column.name_toggled }}">{{ column }}</a>
                            {% if column.is_ordered %}
                                {% if column.is_ordered_straight %}
                                    <div class = 'triangle'></div>
                                {% else %}
                                    <div class = 'triangle down'></div>
                                {% endif %}
                            {% endif %}
                        {% else %}
                            {{ column }}
                        {% endif %}
                    </th>
                {% endfor %}
                <th class="quick-look"></th>
            </tr>
        </thead>
        
        {% block table_content %}
        {% for row in table.rows.page %}
            <tr>
                {% for value in row %}
                    <td>
                        {% if forloop.counter == 1 %}
                            {% if row.data.get_backoffice_url %}
                                <a href='{{ row.data.get_backoffice_url }}'>{{ value }}</a>
                            {% else %}
                                {{ value }}
                            {% endif %}
                        {% else %}
                            {% if value %}
                                {{ value }}
                            {% else %}
                                &ndash;
                            {% endif %}
                        {% endif %}
                    </td>
                {% endfor %}
                <td class="quick-look"><a href="{{ row.data.get_quicklook_url }}" rel="#modal">Quick Look
                </td>
            </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 %}

</div>

{% endblock %}