{% extends base_template|default:'website/backoffice/base.html' %}
{% load url from future %}
{% load spurl %}
{% load fiber_tags thumbnail breadcrumb_tags %}

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

{% block buttons %}
    <ul class="actions" >
            <li>
                <a href="#">Actions</a>
                <ul>
                    <li>
                        <a href='{% url "website:backoffice:members:edit" member.id %}'>Edit member</a>
                    </li>
                    <li>
                        <a href='{% url "website:backoffice:members:edit_profile" member.id %}'>Edit profile</a>
                    </li>
                    <li>
                    {% if member.user.is_active == 1 %}
                        <a href="{% url "website:backoffice:members:suspend" member.id %}">
                            Suspend
                        </a>
                    {% else %}
                        <a href="{% url "website:backoffice:members:activate" member.id %}">
                            Activate
                        </a>
                    {% endif %}
                    </li>
                </ul>
            </li>
        </ul>
{% endblock %}

{% block content %}

<div class='profile_pic_member'>
    {% if member.mugshot %}
        <img src = '{% thumbnail member.mugshot 150x150 %}' id = 'profile-pic'>
    {% else %}
        <img src = '{{ STATIC_URL }}website/img/mugshot_default_150x150.jpg' id = 'profile-pic'>
    {% endif %}
</div>

{% if object_display %}
<div {% if not base_template %} class="members" {% endif %}>
    <table class="object-detail" id="">
        {% for field_name, field in object_display %}
            {% if field %}
                <tr>
                    <th>{{ field_name|capfirst }}</th>
                    <td>{{ field|safe }}</td>
                </tr>
            {% endif %}
        {% endfor %}
    </table>
</div>
{% endif %}

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

{% if activities %}
    <table class='object-list member-activities donation-list'>
    <thead>
        <tr>
            <th class="title">
                Roles
            </th>
        </tr>
        <tr>
            <th>
                Role
            </th>
        </tr>
        {% for activity in activities %}
        <tr >
            <td>
                {{ activity.role }}
            </td>
        </tr>
        {% endfor %}
    </thead>
    </table>
{% endif %}

{% if donation_table.rows %}
    <table class='object-list member-activities donation-list'>
    <thead>
        <tr>
            <th class="title">
                Donations
            </th>
        </tr>
        <tr>
        {% for column in donation_table.columns %}
            <th class='{{ column.name }} {% if column.is_ordered %} ordered{% endif %}'>
                {% if column.sortable %}
                {% endif %}
                    {{ column }}
                {% if column.sortable %}
                {% endif %}
            </th>
        {% endfor %}
        </tr>
    </thead>
    {% for row in donation_table.rows %}
    <tr>
        {% for value in row %}
            <td>
                {% if value %}
                    {{ value }}
                {% else %}
                    &ndash;
                {% endif %}
            </td>
        {% endfor %}
    </tr>
    {% endfor %}
    </table>

    {% if summary_table.rows %}
        <table class='object-list member-activities donation-list'>
        <thead>
            <tr>
                <th class="title">
                    Total Donation
                </th>
            </tr>
            <tr>
                <th>
                    Date
                </th>
                <th>
                    Donation
                </th>
            </tr>
            {% for row in summary_table.rows %}
            <tr>
                {% for value in row %}
                    <td>
                        {% if value %}
                            {{ value }}
                        {% else %}
                            &ndash;
                        {% endif %}
                    </td>
                {% endfor %}
            </tr>
            {% endfor %}
            <tr >
                <td>
                    <strong>Total</strong>
                </td>
                <td>
                    <strong>{{ total_value }}</strong>
                </td>
            </tr>
        </thead>
        </table>
    {% endif %}
{% endif %}

{% if profile_note.rows %}
    <table class='object-list member-activities notes'>
    <thead>
        <tr>
            <th class="title">
                Notes
            </th>
        </tr>
        <tr>
            {% for column in profile_note.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 profile_note.rows %}
        <tr>
            {% for value in row %}
                <td>
                    {% if forloop.counter == 1 %}
                        {{ value|safe|linebreaks }}
                    {% else %}
                        {% if value %}
                            {{ value }}
                        {% else %}
                            &ndash;
                        {% endif %}
                    {% endif %}
                </td>
            {% endfor %}
        </tr>
    {% endfor %}
    </table>
{% endif %}

<br /><br />
<form action="" method="post">
{% csrf_token %}

<div class="customer_detail note_form">
{% for field in profile_note_form %}
    <div class = 'wrapper_{{ field.name }}'>
        {% if field.label %}
            <div class="wrapper_label">
                {{ field.label }}
            </div>
            <div class="content">
            {{ field|safe }}
            {% if field.errors%}
            <div class="err-message">
                * {{field.label}} is required.
            </div>
            {% endif %}
            </div>
        {% else %}
            {{ field|safe }}
            {% if field.errors%}
            <div class="err-message">
                * {{field.label}} is required.
            </div>
            {% endif %}
        {% endif %}
    </div>
{% endfor %}
</div>
<button class="button green"><span>Add note</span></button>
</form>

{% endblock %}