{% extends 'backend/base.html' %}

{% load i18n number_tags %}
{% load url from future %}
{% block application_nav %}
    <div class='tab_container'>
        <a href='{% url 'backend:applications:all' program.id %}'>
            <div class='unselected_col{% if page_title == 'Applications' %} active{% endif %}' >
                All
            </div>
        </a>
        <a href='{% url 'backend:applications:application_list_scoring_completed' program.id %}'>
            <div class='unselected_col{% if page_title == 'Scoring Completed' %} active{% endif %}'>
                Scoring Completed
            </div>
        </a>
        <a href='{% url 'backend:applications:application_list_da' program.id %}'>
            <div class='unselected_col{% if page_title == 'Direct Assessment' %} active{% endif %}'>
                Direct Assessment
            </div>
        </a>
        <a href='{% url 'backend:applications:application_list_mcu' program.id %}'>
            <div class='unselected_col{% if page_title == 'Medical Check Up' %} active{% endif %}'>
                Medical Check Up
            </div>
        </a>
        <a href='{% url 'backend:applications:application_list_pengajar_muda' program.id %}'>
            <div class='unselected_col{% if page_title == 'Tahap Penilaian' %} active{% endif %}' width='27%' >
                ODP
            </div>
        </a>
        <a href='{% url 'backend:applications:application_list_closed' program.id %}'>
            <div class='unselected_closed_col{% if page_title == 'Closed Applications' %} active{% endif %}' width='25%' >
                    Gagal
            </div>
        </a>
        {% if download %}
            <a href="?as_csv=True" class="button"><span>Download</span></a>
        {% endif %}
    </div>
{% endblock %}

{% block content %}
<div class = 'list_page'>
    <div class = 'list_header'>
        <form action = '' method='GET' class = 'search_container'>
            Search
            {% for field in search_form %}
                {{ field }}
            {% endfor %}
            <div class = 'clear'></div>
        </form>
        <div class='paging_container'>
            show {% if paging == 300 %}
                <a href='?paging=25{% if sort %}&sort={{ sort }}{% endif %}' ><strong>25</strong></a>
            {% endif %}
            {% if paging == 25 %}
                <a href='?paging=300{% if sort %}&sort={{ sort }}{% endif %}' ><strong>300</strong></a>
            {% endif %}
        </div>
        {% if action_form %}
            <form id = 'action'>
                {% csrf_token %}
                <div class = 'action_container'>
                    Ubah status menjadi:
                    {{ action_form.action }}
                    <input type="submit" value="Lanjutkan" class = 'button' id = 'submit_action' /><br>
                    &nbsp;
                </div>
            </form>
        {% endif %}
    </div>

    <form action="{% url 'backend:applications:actions' %}" method="post" id = 'action_items'>
    <table class = 'object-list'>
        <tr>
            <th><input type="checkbox" id="select_all"/></th>
            <th class = '{{ table.columns.registration_number.name }}'>
                <a href="?sort={{ table.columns.registration_number.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.registration_number }}
                </a>
            </th>
            <th class = '{{ table.columns.name.name }}'>
                {{ table.columns.name }}
            </th>
            <th class = '{{ table.columns.user.name }}'>
                <a href="?sort={{ table.columns.user.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.user }}
                </a>
            </th>
            <th class = '{{ table.columns.gender.name }}'>
                {{ table.columns.gender }}
            </th>
            <th class = '{{ table.columns.comment_count.name }}'>
                <a href="?sort={{ table.columns.comment_count.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.comment_count }}&nbsp;&nbsp;
                </a>
            </th>
            <th class = '{{ table.columns.score_auto.name }}'>
                <a href="?sort={{ table.columns.score_auto.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.score_auto|safe }}
                </a>
            </th>
            <th class = '{{ table.columns.score_manual.name }}'>
                <a href="?sort={{ table.columns.score_manual.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.score_manual|safe }}
                </a>
            </th>
            <th class = '{{ table.columns.score.name }}'>
                <a href="?sort={{ table.columns.score.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.score|safe }}
                </a>
            </th>
            <th class = '{{ table.columns.review.name }}'>
                <a href="?sort={{ table.columns.review.name_toggled }}{% if paging %}&paging={{ paging }}{% endif %}">
                    {{ table.columns.review }}
                </a>
            </th>
        </tr>
        {% for row in table.rows.page %}
            <tr>
                <td class ='checkbox'>
                    <input type="checkbox" name="appid" value="{{ row.id }}"/>
                </td>
                <td>
                    <a href = '{{ row.registration_number.get_absolute_url }}'>{{ row.registration_number }}</a>
                </td>
                <td>
                    {{ row.name }}
                </td>
                <td>
                    <a href = '{{ row.user.get_absolute_url }}'>{{ row.user }}</a>
                </td>
                <td>
                    {{ row.gender }}
                </td>
                <td>
                    {{ row.comment_count }}
                </td>
                <td>
                    {{ row.score_auto }}
                </td>
                <td>
                    {{ row.score_manual }}
                </td>
                <td>
                    {{ row.score }}
                </td>
                <td>
                    <a href = '{{ row.review.get_absolute_url }}'>{{ row.review }}</a>
                </td>
            </tr>
        {% endfor %}
    </table>
    </form>

    <div class="pagination">
        {% if table.page.has_previous %}
            <a href = '{% if prev_link %}{{ prev_link }}{% else %}?page={{ table.page.previous_page_number }}{% endif %}' class = 'prev'>&laquo Previous</a>
        {% endif %}
        Page {{ table.page.number }} of {{ table.paginator.num_pages }}
        {% if table.page.has_next %}
            <a href = '{% if next_link %}{{ next_link }}{% else %}?page={{ table.page.next_page_number }}{% endif %}' class = 'next'>Next &raquo</a>
        {% endif %}
    </div>
</div>
{% endblock %}