{% extends 'base.html' %}
{% load helpers %}
{% load static %}

{% block title %}{{ report.name }}{% endblock %}

{% block content %}
    <div class="row noprint">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="{% url 'extras:report_list' %}">Reports</a></li>
                <li><a href="{% url 'extras:report_list' %}#module.{{ report.module }}">{{ report.module|bettertitle }}</a></li>
                <li>{{ report.name }}</li>
            </ol>
        </div>
    </div>
    {% if perms.extras.run_report %}
        <div class="pull-right noprint">
            <form action="{% url 'extras:report' module=report.module name=report.name %}" method="post">
                {% csrf_token %}
                {{ run_form }}
                <button type="submit" name="_run" class="btn btn-primary"><i class="fa fa-play"></i> Run Report</button>
            </form>
        </div>
    {% endif %}
    <h1>{{ report.name }}</h1>
    <div class="row">
        <div class="col-md-12">
            {% if report.description %}
                <p class="lead">{{ report.description }}</p>
            {% endif %}
            <p>
                Run: <strong>{{ result.created }}</strong>
                {% if result.completed %}
                    Duration: <strong>{{ result.duration }}</strong>
                {% else %}
                    <img id="pending-result-loader" src="{% static 'img/ajax-loader.gif' %}" />
                {% endif %}
                <span id="pending-result-label">{% include 'extras/inc/job_label.html' with result=result %}</span>
            </p>
            {% if result.completed and result.status != 'errored' %}
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong>Report Methods</strong>
                    </div>
                    <table class="table table-hover panel-body">
                        {% for method, data in result.data.items %}
                            <tr>
                                <td><code><a href="#{{ method }}">{{ method }}</a></code></td>
                                <td class="text-right report-stats">
                                    <label class="label label-success">{{ data.success }}</label>
                                    <label class="label label-info">{{ data.info }}</label>
                                    <label class="label label-warning">{{ data.warning }}</label>
                                    <label class="label label-danger">{{ data.failure }}</label>
                                </td>
                            </tr>
                        {% endfor %}
                    </table>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong>Report Results</strong>
                    </div>
                    <table class="table table-hover panel-body report">
                        <thead>
                            <tr class="table-headings">
                                <th>Time</th>
                                <th>Level</th>
                                <th>Object</th>
                                <th>Message</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for method, data in result.data.items %}
                                <tr>
                                    <th colspan="4" style="font-family: monospace">
                                        <a name="{{ method }}"></a>{{ method }}
                                    </th>
                                </tr>
                                {% for time, level, obj, url, message in data.log %}
                                    <tr class="{% if level == 'failure' %}danger{% elif level %}{{ level }}{% endif %}">
                                        <td>{{ time }}</td>
                                        <td>
                                            <label class="label label-{% if level == 'failure' %}danger{% else %}{{ level }}{% endif %}">{{ level|title }}</label>
                                        </td>
                                        <td>
                                            {% if obj and url %}
                                                <a href="{{ url }}">{{ obj }}</a>
                                            {% elif obj %}
                                                {{ obj }}
                                            {% endif %}
                                        </td>
                                        <td>{{ message }}</td>
                                    </tr>
                                {% endfor %}
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% elif result.status == 'errored' %}
                <div class="well">Error during report execution</div>
            {% else %}
            <div class="well">Pending results</div>
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block javascript %}
<script type="text/javascript">
{% if not result.completed %}
var pending_result_id = {{ result.pk }};
{% else %}
var pending_result_id = null;
{% endif %}

function jobTerminatedAction(){
    refreshWindow();
}

</script>
<script src="{% static 'js/job_result.js' %}?v{{ settings.VERSION }}"
        onerror="window.location='{% url 'media_failure' %}?filename=js/job_result.js'"></script>
{% endblock %}