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

{% block bodyclass %}reports{% endblock %}

{% block content %}

    <div id = 'list-header'>
        {% if narrow_form %}
            <form action='' method='GET' class=''>
                {% for field in narrow_form %}
                    {{ field }}
                {% endfor %}
                
                <button class="button green"><span>Filter</span></button>
                <a href="{{ request.path }}" class="button"><span>Reset</span></a>
                <a href="{% querystring "as_csv"="True" %}" class="button"><span>Download</span></a>
            </form>
        {% endif %}
    </div>

    {% if table.page.object_list or table.rows %}
    <table class='object-list {{ table_class|slugify }}' id = '{{ table_class|default:title|slugify }}'>
        <thead>
            <tr>
                {% for column in table.columns %}
                    {% if column.orderable %}
                    <th class="{{ column.name }} {% if column.is_ordered %} ordered {% endif %}"><a href="{% querystring table.prefixed_order_by_field=column.order_by_alias.next %}">{{ column.header }}</a>
                        {% if column.is_ordered %}
                            {% if column.order_by_alias.is_ascending %}
                                <div class = 'triangle'></div>
                            {% else %}
                                <div class = 'triangle down'></div>
                            {% endif %}
                        {% endif %}
                    </th>
                    {% else %}
                    <th {{ column.attrs.th.as_html }}>{{ column.header }}</th>
                    {% endif %}
                {% endfor %}

            </tr>
        </thead>
        
        {% block table_content %}
        
        {% for row in table.page.object_list|default:table.rows %}

            {% with row.record.get_backoffice_url as object_url %}
            
            <tr>
                {% for column, value in row.items %}
                    <td class = '{{ column.name }}'>
                        {% if forloop.first and object_url %}
                            <a href="{% url 'website:backoffice:reports:donor_detail' donor_id=row.record.user.profile.id%}">{{ value }}</a>
                        {% else %}
                            
                            {% with value.get_backoffice_url as value_url %}
                                {% if value_url %}
                                    <a href = "{{ value_url }}">{{ value }}</a>
                                {% else %}
                                    {% if column.name == 'date_start' or column.name == 'date_end' or column.name == 'register_date' or column.name == 'date_of_birth'%}
                                        {% if column.name == 'date_of_birth' %}
                                            {{ value|date:"j-n-Y" }}
                                        {% else %}
                                            {{ value|date:"M Y" }}
                                        {% endif %}
                                    {% else %}
                                        {{ value }}
                                    {% endif %}
                                {% endif %}
                            {% endwith %}
                        
                        {% endif %}
                    </td>
                {% endfor %}

            {% endwith %}
            </tr>
        {% endfor %}
        {% endblock %}
    </table>

    {% if table.paginator.num_pages > 1 %}
        <div class = 'pagination'>
        {% if table.page.has_previous %}
            <a href='{% querystring "page"=table.page.previous_page_number %}' class="prev">‹‹ Previous</a>
        {% endif %}
            
        {% if table.page.has_next %}
            <a href='{% querystring "page"=table.page.next_page_number %}' class="next">Next ››</a>
        {% endif %}
        </div>
    {% endif %}
    <div class="clear"></div>

{% endif %}

</div>

{% endblock %}