{% 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'>
        <thead>
            <tr>
                {% for column in table.columns %}
                    <th class='{{ column.name }}'>
                        {% if column.sortable %}
                            <a href="?sort={{ column.name_toggled }}">
                        {% endif %}
                            {{ column }}
                        {% if column.sortable %}
                            </a>
                        {% 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 %}
                            <a href='{% url "website:backoffice:pengajar_muda:edit" row.data.user.id %}'>{{ value }}</a>
                        {% else %}
                            {% if value %}
                                {{ value }}
                            {% else %}
                                &ndash;
                            {% endif %}
                        {% endif %}
                    </td>
                {% endfor %}
                <td><a href='{% url "website:backoffice:pengajar_muda:detail" row.data.user.id %}' rel='#modal'>Quick Look</a></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 %}