{% extends "nosystemd/base.html" %}
{% load staticfiles bootstrap3 i18n %}

{% block content %}

    <div>
        <div class="container orders-container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <table class="table borderless table-hover">
                        <h3><i class="fa fa-heart-o" aria-hidden="true"></i> {% trans "Donations"%}</h3>
                        <br/>
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>{% trans "Donation"%}</th>
                            <th>{% trans "Date" %}</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for donation in donations %}
                            <tr>
                                <td scope="row">{{ donation.id }}</td>
                                <td>{{ donation.donation }} USD</td>
                                <td>{{ donation.created_at|date:"M Y" }}</td>
                                <td>
                                    <button type="button" class="btn btn-default"><a
                                            href="{% url 'nosystemd:donations' donation.id %}">{% trans "View Detail"%}</a>
                                    </button>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

                    {% if is_paginated %}
                        <div class="pagination">
			            <span class="page-links">
			                {% if page_obj.has_previous %}
                                <a href="{{ request.path }}?page={{ page_obj.previous_page_number }}">{% trans "previous"%}</a>
                            {% endif %}
                            <span class="page-current">
			                    Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
			                </span>
                            {% if page_obj.has_next %}
                                <a href="{{ request.path }}?page={{ page_obj.next_page_number }}">{% trans "next"%}</a>
                            {% endif %}
			            </span>
                        </div>
                    {% endif %}

                </div>

            </div>
        </div>

    </div>

{% endblock %}