{% extends "base.html" %}

{% block main_content %}
<div class="container-fluid">
	<h3>{{page_title}}</h3>
	<dl class="row">
		<dt class="col-2">Job #:</dt>
		<dd class="col-10">{{job.id}}</dt>
		<dt class="col-2">Name:</dt>
		<dd class="col-10">{{job.name}}</dt>
		<dt class="col-2">Start Time:</dt>
		<dd class="col-10">{{job.start_time|vicdate}}</dt>
		<dt class="col-2">Duration:</dt>
		<dd class="col-10">{{duration}}</dd>
		<dt class="col-2">Last Update:</dt>
		<dd class="col-10">{{job.last_update|vicdate}}</dd>
		<dt class="col-2">Current state:</dt>
        {% if job.state == "Failed" %}
            <dd class="col-10 bg-danger text-white">{{job.state}}</dd>
        {% elif job.state == "Withdrawn" %}
            <dd class="col-10 bg-secondary text-white">{{job.state}}</dd>
        {% else %}
            <dd class="col-10">{{job.state}}</dd>
        {% endif %}
        {% if job.wait_for != None %}
            <dd class="col-2">Waiting on Job:</dd>
            <dl class="col-10"><a href="{{url_for('joblog', id=job.wait_for)}}">Job (id={{job.wait_for}})</a></dl>
        {% endif %}
		<dt class="col-2">Current File:</dt>
		<dd class="col-10">{{job.current_file}}</dd>
        <dt class="col-2">Files in pass:</label>
        {% if job.num_files and job.num_files > 0 %}
         <dd class="col-10">
            {% set prog=(job.current_file_num/job.num_files*100)|round|int %}
            <div class="progress my-auto h-100">
                <div class="progress-bar bg-info" role="progressbar" style="width: {{prog}}%;" aria-valuenow="{{prog}}" aria-valuemin="0" aria-valuemax="100">{{job.current_file_num}} of {{job.num_files}} - {{prog}}%</div>
            </div>
         </dd>
    {% elif job.num_files == 0 and job.current_file_num > 0 %}
        <dd class="col-10">{{job.current_file_num}} of Unknown Total</dd>
    {% else %}
        <dd class="col-10">N/A</dd>
    {% endif %}
    </dl>
    <table id="jobort_tbl" class="table table-striped table-sm" data-toolbar="#toolbar" data-search="true">
        <thead><tr class="table-primary"><th>When</th><th>Details</th></tr></thead>
        <tbody>
        {% for log in logs %}
            <tr><td>{{log.log_date|vicdate}}</td><td>{{log.log|safe}}</td></tr>
        {% endfor %}
        {% if log_cnt > logs|length %}
            <tr>
                <td class="align-middle">Remaining logs truncated</td>
                <td>
                    <button type="button" class="btn btn-outline-info my-0 py-1" onClick="document.body.innerHTML+='<form id=_fm method=POST action={{url_for('joblog', id=job.id)}}></form>';document.getElementById('_fm').submit();">Show all logs</button>
                </td>
            </tr>
        {% endif %}
        </tbody>
    </table>
</div class="containter">
{% endblock main_content %}
{% block script_content %}
    <script>
        {% if first_logs_only and job.pa_job_state != "Completed" %}
            setTimeout(function(){ window.location.reload(1); }, 3000 )
        {% endif %}
    </script>
{% endblock script_content %}