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

{% block bodyclass %}detail-page{% endblock %}

{% block buttons %}
{% if edit and credit_card %}
<ul class="actions" >
    <li>
        <a href="#">Actions</a>
        <ul>
            <li>
                <a href='{% url "website:backoffice:donations:pledge_edit" pledge.id %}'>Edit</a>
            </li>
        </ul>
    </li>
</ul>
{% endif %}
{% endblock %}


{% block content %}
<table class="object-detail">
    {% for field_name, field in object_display %}
        {% if field %}
            <tr>
                <th>{{ field_name|capfirst }}</th>
                {% if field_name == 'user' %}
                    <td><a href="{% url "website:backoffice:members:detail" field.profile.id  %}">{{ field.profile }}</a></td>
                {% endif %}

                {% if field_name == 'Credit Card' %}
                    <td><a href="{% url "website:backoffice:donations:credit_card_detail" field.id  %}">{{ field }}</a></td>
                {% endif %}

                {% if field_name != 'Credit Card' and field_name != 'user' %}
                    <td>{{ field }}</td>
                {% endif %}
            </tr>
        {% endif %}
    {% endfor %}
</table>

{% if donation.status == donation.STATUS.unconfirmed and change_status %}
<form action='' method='POST'>
    {% csrf_token %}
    <table class="object-detail">
        {{ form }}
    </table>
    <button class = 'button green'><span>Save</span></button>
</form>
{% endif %}


{% if table.rows %}
    <table class='object-list member-activities donation-list'>
    <thead>
        <tr>
            <th class="title">
                Donations
            </th>
        </tr>
        <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 }}">
                {% 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>
    {% for row in table.rows %}
    <tr>
        {% for value in row %}
            <td>
                {% if forloop.counter == 1 %}
                    <a href='{{ row.data.get_backoffice_url }}'>{{ value }}</a>
                {% else %}
                    {% if value %}
                        {{ value }}
                    {% else %}
                        &ndash;
                    {% endif %}
                {% endif %}

            </td>
        {% endfor %}
    </tr>
    {% endfor %}
    </table>
{% endif %}

{% endblock %}