{% extends "base.html" %}

{% block main_content %}

<script>
    var active_rows=Array()
    var completed_rows=Array()

    {% for job in jobs %}
        row=`
        <tr><td>
            <a href="{{url_for('joblog', id=job.id )}}">{{job.name}}</td><td>{{job.start_time}}</td>
        <td>
        `
        {% if job.pa_job_state != "Completed" %}
        row +=`
            <div class="progress">
                {% set prog=(job.current_pass/job.num_passes*100)|round|int %}
                <div class="progress-bar" role="progressbar" style="width: {{prog}}%;" aria-valuenow="{{prog}}" aria-valuemin="0" aria-valuemax="100">{{job.current_pass}} of {{job.num_passes}}</div>
            </div>
        </td></tr>
        `
            active_rows.push(row)
        {% else %}
        row +=`
            {{job.last_update}}</td></td></tr>
        `
            completed_rows.push(row)
        {% endif %}
    {% endfor %}
</script>

<h3>{{page_title}}</h3>
<table id="job_tbl" class="table table-striped table-sm" data-toolbar="#toolbar" data-search="true">
	<thead>
		<tr class="thead-light"><th>Active Jobs</th><th>Job Started</th><th>Passes</th></tr>
	</thead>
	<tbody>
    <script>
        for(el in active_rows)
            document.write(active_rows[el])
        document.write( '<tr class="thead-light"><th>Completed Jobs</th><th>Job Started</th><th>Job Completed</th></tr>' )
        for(el in completed_rows)
            document.write(completed_rows[el])
    </script>
	</tbody>
</table>
{% endblock main_content %}