{% extends "framework.html" %}
{% load static %}
{% block content %}

    <div class="panel-group" id="reviewListAccordion">
        <div class="panel panel-default">
            <div class="panel-heading" id="headingPanel" style="font-size:2rem;height: 46px">
                Jobs
            </div>
            <div class="panel-body">
                <p>
                    Job Logs Desc
                </p>

            </div>

            <div class="panel panel-default panel-heading list-group-item" style="background-color:silver">
                <h4 class="panel-title">
                    <a id="job-accordion-link" data-toggle="collapse" data-parent="#job-accordion" href="#jobs">
                        Jobs
                    </a>
                </h4>
            </div>
            <div id="jobs"
                 class="panel-collapse collapse in">
                <div class="panel-body list-group-item" id="job-content">
                    <table class="table table-bordered table-hover">
                        <tr style="background-color: rgba(0, 0, 0, 0.08);">
                            <th scope="col">ID</th>
                            <th scope="col">Name</th>
                            <th scope="col">Status</th>
                            <th scope="col">Queued</th>
                            <th scope="col">Done</th>
                            <th scope="col">Result</th>
                        </tr>
                        <tbody>
                        {% for job in jobs %}
                            <tr>
                                <td>{{ job.task_id }}</td>
                                <td>{{ job.job_name }}</td>
                                <td>{{ job.status }}</td>
                                <td>{{ job.created }}</td>
                                <td>{{ job.done_at }}</td>
                                {% if job.task_result and job.task_result|is_url == True %}
                                    <td><a href="{{ job.task_result }}">Result</a></td>
                                {% elif job.task_result %}
                                    <td>{{ job.task_result|slice:"40" }}...</td>
                                {% else %}
                                    <td>Empty</td>
                                {% endif %}
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Unreviewable objects such as User / Group / Setting -->
            <ul class='list-group'>
                {% for obj in objects %}
                    {% if object_type == 'user' %}
                        <a class="list-group-item" href="{{ obj.url }}">{{ obj.username }}</a>
                    {% else %}
                        <a class="list-group-item" href="{{ obj.url }}">{{ obj.name }}</a>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>
{% endblock content %}