{% extends "admin/base_site.html" %}

{% load admin_static %}
{% load url from future %}

{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{% static "admin/css/changelists.css" %}">
{% endblock %}

{% block extrahead %}
    {{ block.super }}
    <script type="text/javascript" src="{% static "admin/js/jquery.js" %}"></script>
    <script type="text/javascript" src="{% static "admin/js/jquery.init.js" %}"></script>
    <script type="text/javascript" src="{% static "admin/js/actions.js" %}"></script>
    <script type="text/javascript">
    (function($) {
        $(document).ready(function($) {
            $("tr input.action-select").actions();
        });
    })(django.jQuery);
    </script>
{% endblock %}


{% block breadcrumbs %}
    <div class="breadcrumbs">
        <a href="{% url 'admin:index' %}">Home</a> &rsaquo;
        <a href="{% url 'rq_home' %}">Django RQ</a> &rsaquo;
        <a href = "{% url 'rq_jobs' queue_index %}">{{ queue.name }}</a>
    </div>
{% endblock %}

{% block content_title %}<h1>{{ job_status }} jobs in {{ queue.name }}</h1>{% endblock %}

{% block content %}

<div id="content-main">
    <ul class="object-tools">
        <li><a href="{% url 'rq_clear' queue_index %}" class="deletelink">Empty Queue</a></li>
    </ul>
    <div class="module" id="changelist">
        <form id="changelist-form" action="{% url 'rq_actions' queue_index %}" method="post">
            {% csrf_token %}
            <div class="actions">
                <label>Actions:
                    <select name="action">
                        <option value="" selected="selected">---------</option>
                        <option value="delete">Delete</option>
                        {% if queue.name == 'failed' %}
                            <option value="requeue">Requeue</option>
                        {% endif %}
                    </select>
                </label>
                <button type="submit" class="button" title="Execute selected action" name="index" value="0">Go</button>
            </div>
            <div class="results">
                <table id="result_list">
                    <thead>
                        <tr>
                            <th scope="col" class="action-checkbox-column">
                                <div class="text">
                                    <span><input type="checkbox" id="action-toggle" style="display: inline-block;"></span>
                                </div>
                                <div class="clear"></div>
                            </th>
                            <th><div class = 'text'><span>ID</span></div></th>
                            <th><div class = 'text'><span>Created</span></div></th>
                            <th><div class = 'text'><span>Enqueued</span></div></th>
                            <th><div class = 'text'><span>Status</span></div></th>
                            <th><div class = 'text'><span>Callable</span></div></th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for job in jobs %}
                            <tr class = "{% cycle 'row1' 'row2' %}">
                                <td class="action-checkbox">
                                    <input class="action-select" name="_selected_action" type="checkbox" value="{{ job.id }}">
                                </td>
                                <th>
                                    <a href = "{% url 'rq_job_detail' queue_index job.id %}">
                                        {{ job.id }}
                                    </a>
                                </th>
                                <td>{{ job.created_at }}</td>
                                <td>{{ job.enqueued_at }}</td>
                                <td>{{ job.get_status }}</td>
                                <td>{{ job.func_name }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            <p class="paginator">
                {% for p in page_range %}
                    {% if p == page %}
                        <span class="this-page">{{ p }}</span>
                    {% elif forloop.last %}
                        <a href="?page={{ p }}" class="end">{{ p }}</a>
                    {% else %}
                        <a href="?page={{ p }}">{{ p }}</a>
                    {% endif %}
                {% endfor %}
                {{ num_jobs }} jobs
            </p>
        </form>
    </div>
</div>

{% endblock %}