{# running jobs output #}
<style>
.item {
    border: 2px solid black;
    background-color: lavender;
    padding-bottom: 12px;
}
.running {
    background-color: aquamarine;
}
.wait {
    background-color: lightyellow;

}
</style>
<div>{{ status }}<div>
<div>currently running jobs:</div>
{% for row in jobs %}
<div class="item running">
    {% for key, value in row.items() %}
    <div>{{ key }} : {{ value }}</div>
    {% endfor %}
</div>
{% endfor %}

<div>waiting jobs:</div>
{% for row in waitjobs %}
<div class="item wait">
    {% for key, value in row.items() %}
    <div>{{ key }} : {{ value }}</div>
    {% endfor %}
</div>
{% endfor %}


<div>last five ended jobs:</div>
{% for row in lastjobs %}
<div class="item">
    {% for key, value in row.items() %}
    <div>{{ key }} : {{ value }}</div>
    {% endfor %}
</div>
{% endfor %}