{% extends "layout_report.html" %}
{% load static %}
{% load app_filters %}
{% load humanize %}
{% load tz %}
{% block content %}
    {{ block.super }}
<div class="row align-items-end">
    <div class="col-7">
        <div class="row align-items-end">
            <div class="col p-0"><span class="font-weight-bolder small"><u>Job</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Date<br />Issued</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Customer</u></span></div>
            <div class="col-3 p-0"><span class="font-weight-bolder small"><u>Product</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Ver</u></span></div>
            <div class="col-3 p-0"><span class="font-weight-bolder small"><u>Lot</u></span></div>
        </div>
    </div>
    <div class="col-5 p-0">
        <div class="row align-items-end">
            <div class="col text-right p-0 mr-1"><span class="font-weight-bolder small"><u>Qty</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Start</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Complete</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Prod<br />Review</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Lab<br />Review</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>CS<br />Review</u></span></div>
            <div class="col p-0"><span class="font-weight-bolder small"><u>Status</u></span></div>
        </div>
    </div>
</div>
{% regroup job_list by line as line_list %}
    {% for line in line_list %}
    <div class="row small pb-2">
        <div class="col-1">Line: {{ line.grouper }}</div>
        <div class="col-1"></div>
    </div>
        {% for job in line.list %}
        <div class="row small">
            <div class="col-7">
                <div class="row">
                    <div class="col ml-2 p-0">{{ job.job }}</div>
                    <div class="col p-0">{{ job.job_issued | date:'n/j/y' }}</div>
                    <div class="col p-0">{{ job.customer }}</div>
                    <div class="col-3 p-0">{{ job.product }}</div>
                    <div class="col p-0">{{ job.frm_ver}}</div>
                    <div class="col-3 p-0">{{ job.lot }}</div>
                </div>
            </div>
            <div class="col-5 p-0">
                <div class="row">
                    <div class="col text-right p-0 mr-1{% if forloop.last %} border-dark border-bottom{% endif %}">{{ job.qty_ordered | floatformat:'0' | intcomma }}</div>
                    <div class="col p-0">{{ job.job_start | date:'n/j/y' }}</div>
                    <div class="col p-0">{{ job.job_complete | date:'n/j/y' }}</div>
                    <div class="col p-0">{{ job.prod_cert | date:'n/j/y' }}</div>
                    <div class="col p-0">{{ job.lab_cert | date:'n/j/y' }}</div>
                    <div class="col p-0">{{ job.cs_cert | date:'n/j/y' }}</div>
                    <div class="col p-0">{{ job.status }}</div>
                </div>
            </div>
        </div>
        {% endfor %}
    <div class="row small">
        <div class="col-5 text-right">Total for: {{ line.grouper }}</div>
        <div class="col-1"></div>
        <div class="col-2 text-right" style="padding-right:39px;">{{ line.list.0.total_by_line | floatformat:'0' | intcomma }}</div>
    </div> 
    {% endfor %}
    <div class="row small pt-2">
        <div class="col-6 text-right">Overall Total: </div>
        <div class="col-2 text-right border-dark border-top" style="padding-right:39px;">{{ qty_total | floatformat:'0' | intcomma }}</div>
    </div> 
{% endblock content %} 

{% block body_scripts %}
    <script>
        var URL = "{% url 'inv_staged' %}" + window.location.search;
        window.open(URL, '_blank');
    </script>
{% endblock body_scripts %}