{% extends 'base.html' %}

{% block title %}Eagle Eye - Job List{% endblock %}

{% block head %}
{% endblock %}

{% block content %}
    <div style="margin: 0 auto; width: fit-content;">
        <h2>All Jobs</h2>
        <table>
            <tr>
                <th>Job Name</th>
                <th>Current State</th>
                <th>Last Change Timestamp</th>
            </tr>
            {% for job in jobs %}
                <tr>
                    <td><a href="/job-status/{{ job.uuid }}">{{ job.name }}</a></td>
                    <td>{{ job.last_state.name }}</td>
                    <td>{{ job.last_timestamp }}</td>
                </tr>
            {% endfor %}
        </table>
    </div>
{% endblock %}
