{% extends "admin.html" %}

{% load staticfiles %}

{% block headtitle %}Approve / Reject Submissions - {% endblock %}

{% block headstyle %}
    <link rel="stylesheet" href="{% static 'lib/jquery/tablesorter/css/theme.blue.css' %}"/>
{% endblock %}

{% block headscript %}
    <script type="text/javascript" src="{% static 'lib/jquery/tablesorter/js/jquery.tablesorter.js' %}"></script>
    <script>
        $(document).ready(function(){
            $(function(){
                $("#submission_approve_table").tablesorter();
            });
        });
    </script>
{% endblock %}

{% block abstracts_active %}active{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-lg-12">
            <ul class="breadcrumb">
                <li><a href="{% url 'admin' %}">Admin</a></li>
                <li><a href="{% url 'admin_abstracts' %}">Abstract Requests</a></li>
                <li><a href="{% url 'admin_abstracts_submissions' abstract_request.pk %}">Abstract Submissions</a></li>
                <li class="active">Approve / Reject</li>
            </ul>
        </div>
    </div>

    <div class="page-header">
        <h1>Approve / Reject Content Submissions for <small>{{ abstract_request }}</small></h1>
    </div>

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

        <table class="table table-bordered table-striped tablesorter-blue" id="submission_approve_table">
            <thead>
                <tr>
                    <th>Unique Code</th>
                    <th>Name</th>
                    <th>Email Address</th>
                    <th>Type</th>
                    <th>Created</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                {% for object in submissions %}
                    <tr>
                        <td>{{ object.unique_code }}</td>
                        <td>{{ object.get_name }}</td>
                        <td>{{ object.email }}</td>
                        <td>{{ object.get_content_type_display }}</td>
                        <td>{{ object.created|date:'d/m/Y H:i' }}</td>
                        <td>
                            {% if object.status == 'pending' %}
                                <select name="submission_{{ object.id }}_status" id="submission_{{ object.id }}">
                                    <option selected="selected" value="pending">Pending</option>
                                    <option value="approved">Approved</option>
                                    <option value="rejected">Rejected</option>
                                </select>
                            {% else %}
                                {{ object.get_status_display }}
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>

        <div class="form-actions">
            <a href="{% url 'admin_abstracts_submissions' abstract_request.pk %}" class="btn btn-default">Cancel</a>
            <input class="btn btn-primary" type="submit" value="Save">
        </div>
    </form>
{% endblock %}