{% extends "base.html" %}

{% block content %}

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

<table align="center" style="width: 60%;" class="table table-hover">
    <thead>
        <tr>
            <th>Edit</th>
            <th>Name</th>
            <th>Run Type</th>
            <th>Cron</th>
            <th>Last Run</th>
            <th>Last Result</th>
            <th>History</th>
            <th>Delete</th>
            <th>Force Run</th>
        </tr>
    </thead>
    <tbody>
    {% for job in jobs %}
        <tr class="{{job.getTRClass}}">
            <td><a class="btn btn-default" href="/job/edit/{{job.id}}" role="button">Edit</a></td>
            <td>{{job.jobName}}</td>
            <td>{{job.getRunType}}</td>
            <td>{{job.cron}}</td>
            <td>{{job.getLastRun}}</td>
            <td>{{job.last_result}}</td>
            <td><a class="btn btn-default" href="/history/view/{{job.jobName}}-{{job.id}}" role="button">History</a></td>
            <td><a class="btn btn-danger btn-delete" href="/job/delete/{{job.id}}" role="button">Delete</a></td>
            {% if job.force_run == 1 %}
            <td><a class="btn btn-warning" href="/job/force/{{job.id}}" role="button">Enabled</a></td>
            {% else %}
            <td><a class="btn btn-success" href="/job/force/{{job.id}}" role="button">Disabled</a></td>
            {% endif %}
        </tr>
    {% endfor %}
    </tbody>
</table>

<script type="text/javascript">
    $(function () {
        $('.btn-delete').confirm({
            title: 'Confirm',
            content: "Are you sure you want to delete this job?"
        });

    });
</script>

{% endblock %}