{% extends "base.html" %}

{% block content %}

<div class="page-header">
    <h1>History list</h1>
</div>


<div class="row">
    <div class="col-md-4 col-md-offset-5">{{job.comments|nl2br|safe}}</div>
</div>

<hr>

<table align="center" style="width: 30%;" class="table table-hover">
    <thead>
    <tr>
        <th class="text-center">Run Script</th>
        <th class="text-center">Fail Script</th>
    </tr>
    </thead>
    <tbody>
        <tr>
            <td class="text-center"><a class="btn btn-default" href="/history/runscript/{{job.id}}/" role="button">View Script</a></td>
            <td class="text-center"><a class="btn btn-default" href="/history/failscript/{{job.id}}/" role="button">View Script</a></td>
        </tr>
    </tbody>
</table>

<hr>

<table align="center" style="width: 60%;" class="table table-hover">
    <thead>
    <tr>
        <th>Output</th>
        <th>Run Date</th>
        <th>Time Taken</th>
        <th>Result</th>
    </tr>
    </thead>
    <tbody>
    {% if !histories %}
    <tr>
        <td align="center" colspan="4">No results</td>
    </tr>
    {% endif %}
    {% for history in histories %}
    <tr>
        <td><a class="btn btn-default" href="/history/log/{{job.id}}/{{history.id}}/" role="button">View</a></td>
        <td>{{history.run_date}}</td>
        <td>{{history.time_taken}}</td>
        <td>{{history.result}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>

{% endblock %}