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

{% load static django_rq %}

{% block title %}Job {{ job.id }} {{ block.super }}{% endblock %}

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

{% block breadcrumbs %}
    <div class="breadcrumbs">
        <a href="{% url 'admin:index' %}">Home</a> &rsaquo;
        <a href="{% rq_url 'home' %}">Django RQ</a> &rsaquo;
        <a href="{% rq_url 'queue_details' queue_index %}">{{ queue.name }}</a> &rsaquo;
        <span>{{ job.id }}</span>
    </div>
{% endblock %}

{% block content_title %}{% endblock %}

{% block object-tools %}{% endblock %}

{% block content %}
{% with status=job|job_status %}
<div id="content-main">

    <div class="rq-title-row">
        <h1>
            Job
            {{ job.id }}
            <span class="rq-pill rq-state-{% if status == 'queued' or status == 'finished' or status == 'failed' or status == 'started' or status == 'deferred' or status == 'scheduled' %}{{ status }}{% else %}deferred{% endif %}">{{ status }}</span>
        </h1>
    </div>

    <div class="rq-grid">
        <div class="rq-col">
            <div class="rq-panel">
                <div class="rq-panel-header">Configuration</div>
                <div class="rq-panel-body">
                    <div class="rq-field">
                        <div class="rq-field-label">Queue</div>
                        <div class="rq-field-value">
                            <a href="{% rq_url 'queue_details' queue_index %}">{{ job.origin }}</a>
                        </div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">Status</div>
                        <div class="rq-field-value">
                            <span class="rq-pill rq-pill-dense rq-state-{% if status == 'queued' or status == 'finished' or status == 'failed' or status == 'started' or status == 'deferred' or status == 'scheduled' %}{{ status }}{% else %}deferred{% endif %}">{{ status }}</span>
                        </div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">Timeout</div>
                        <div class="rq-field-value">{{ job.timeout|default:"—" }}{% if job.timeout %}s{% endif %}</div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">Result TTL</div>
                        <div class="rq-field-value">{{ job.result_ttl|default:"—" }}</div>
                    </div>
                </div>
            </div>

            <div class="rq-panel">
                <div class="rq-panel-header">Timestamps</div>
                <div class="rq-panel-body">
                    <div class="rq-field">
                        <div class="rq-field-label">Created</div>
                        <div class="rq-field-value">{{ job.created_at|timestamp_tooltip }}</div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">Enqueued</div>
                        <div class="rq-field-value">{{ job.enqueued_at|timestamp_tooltip }}</div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">Last started</div>
                        <div class="rq-field-value">{{ job.started_at|timestamp_tooltip }}</div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">Last ended</div>
                        <div class="rq-field-value">{{ job.ended_at|timestamp_tooltip }}</div>
                    </div>
                </div>
            </div>

        </div>

        <div class="rq-col">
            <div class="rq-panel">
                <div class="rq-panel-header">Payload</div>
                <div class="rq-panel-body">
                    <div class="rq-field">
                        <div class="rq-field-label">Callable</div>
                        <div class="rq-field-value rq-mono">{{ job|show_func_name }}</div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">args</div>
                        <div class="rq-field-value rq-mono">
                            {% if data_is_valid %}
                                {% if job.args %}
                                    <ul>
                                        {% for arg in job.args %}
                                            <li>{{ arg|force_escape }}</li>
                                        {% endfor %}
                                    </ul>
                                {% else %}()
                                {% endif %}
                            {% else %}Unpickling Error{% endif %}
                        </div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">kwargs</div>
                        <div class="rq-field-value rq-mono">
                            {% if data_is_valid %}
                                {% if job.kwargs %}
                                    <ul>
                                        {% for key, value in job.kwargs|items %}
                                            <li>{{ key }}: {{ value|force_escape }}</li>
                                        {% endfor %}
                                    </ul>
                                {% else %}-
                                {% endif %}
                            {% else %}Unpickling Error{% endif %}
                        </div>
                    </div>
                    <div class="rq-field">
                        <div class="rq-field-label">meta</div>
                        <div class="rq-field-value rq-mono">{{ job.meta|default:"-" }}</div>
                    </div>
                </div>
            </div>

            {% if dependencies %}
            <div class="rq-panel">
                <div class="rq-panel-header">Depends on</div>
                <table class="rq-table">
                    <thead>
                        <tr>
                            <th class="rq-col-job-id">Job ID</th>
                            <th>Callable</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for dependency in dependencies %}
                        <tr>
                            <td><a href="{% rq_url 'job_detail' queue_index dependency.0 %}">{{ dependency.0 }}</a></td>
                            <td>{% if dependency.1 %}{{ dependency.1.func_name }}{% else %}Deleted{% endif %}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% endif %}

            {% if dependents %}
            <div class="rq-panel">
                <div class="rq-panel-header">Dependents</div>
                <table class="rq-table">
                    <thead>
                        <tr>
                            <th class="rq-col-job-id">Job ID</th>
                            <th>Callable</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for dependent in dependents %}
                        <tr>
                            <td><a href="{% rq_url 'job_detail' queue_index dependent.0 %}">{{ dependent.0 }}</a></td>
                            <td>{% if dependent.1 %}{{ dependent.1.func_name }}{% else %}Deleted{% endif %}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
            {% endif %}

            {% if exc_info and job.exc_info %}
            <div class="rq-callout rq-callout-error">
                <div class="rq-callout-head">
                    <div class="rq-callout-eyebrow">Exception</div>
                </div>
                <pre class="rq-callout-pre">{{ job.exc_info }}</pre>
            </div>
            {% endif %}

            {% if job.legacy_result %}
            <div class="rq-panel">
                <div class="rq-panel-header">Result</div>
                <div class="rq-panel-body">
                    <pre class="rq-pre">{{ job.result }}</pre>
                </div>
            </div>
            {% endif %}
        </div>
    </div>

    <div class="submit-row">
        {% if job.is_started %}
            <form method="POST" action="{% rq_url 'stop_job' queue_index job.id %}">
                {% csrf_token %}
                <input type="submit" value="Stop" class="deletelink" name="stop">
            </form>
        {% endif %}
        {% if job.is_failed %}
            <form method="POST" action="{% rq_url 'requeue_job' queue_index job.id %}">
                {% csrf_token %}
                <input type="submit" value="Requeue" class="default" name="requeue">
            </form>
        {% endif %}
        {% if not job.is_queued and not job.is_failed %}
            <form method="POST" action="{% rq_url 'enqueue_job' queue_index job.id %}">
                {% csrf_token %}
                <input type="submit" value="Enqueue" class="default" name="Enqueue">
            </form>
        {% endif %}
        <a href="{% rq_url 'delete_job' queue_index job.id %}" class="deletelink">Delete</a>
    </div>

    {% if job.results %}
    <div class="rq-table-card">
        <table class="rq-table">
            <thead>
                <tr>
                    <th>Result</th>
                    <th>Type</th>
                    <th>Started</th>
                    <th class="rq-num">Duration</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for result in job.results %}
                <tr class="rq-clickable{% if forloop.first %} rq-row-recent{% endif %}" onclick="window.location='{% rq_url 'result_detail' queue_index job.id result.id %}'">
                    <td class="rq-nowrap">{{ result.id }}</td>
                    <td>
                        {% with type=result.type.name %}
                            <span class="rq-pill rq-pill-dense
                                {% if type == 'SUCCESSFUL' %}rq-state-finished
                                {% elif type == 'FAILED' %}rq-state-failed
                                {% elif type == 'RETRIED' %}rq-state-queued
                                {% else %}rq-state-deferred{% endif %}">{{ type }}</span>
                        {% endwith %}
                    </td>
                    <td class="rq-nowrap">{{ result.created_at|timestamp_tooltip }}</td>
                    <td class="rq-num">—</td>
                    <td class="rq-cell-action">
                        <a href="{% rq_url 'result_detail' queue_index job.id result.id %}" onclick="event.stopPropagation();">View &rarr;</a>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% endif %}

</div>
{% endwith %}

{% endblock %}