{% extends '_base.html' %}
{% load helpers %}

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

{% block content %}
    <div class="row">
        <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.add_reportresult %}
        <div class="pull-right">
            <form action="{% url 'extras:report_run' name=report.full_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 }}{% include 'extras/inc/report_label.html' with result=report.result %}</h1>
    <div class="row">
        <div class="col-md-12">
            {% if report.description %}
                <p class="lead">{{ report.description }}</p>
            {% endif %}
            {% if report.result %}
                <p>Last run: {{ report.result.created }}</p>
            {% else %}
                <p class="text-muted">Last run: Never</p>
            {% endif %}
        </div>
        <div class="col-md-9">
            {% if report.result %}
                <table class="table table-hover report">
                    <thead>
                        <tr>
                            <th>Time</th>
                            <th>Level</th>
                            <th>Object</th>
                            <th>Message</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for method, data in report.result.data.items %}
                            <tr>
                                <th colspan="4">
                                    <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>
            {% else %}
                <div class="well">No results are available for this report. Please run the report first.</div>
            {% endif %}
        </div>
        <div class="col-md-3">
            {% if report.result %}
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <strong>Methods</strong>
                    </div>
                    <ul class="list-group">
                        {% for method, data in report.result.data.items %}
                            <li class="list-group-item">
                                <a href="#{{ method }}">{{ method }}</a>
                                <span class="badge">{{ data.log|length }}</span>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}