{% extends "layout_report.html" %}
{% load tz %}
{% load humanize %}
{% load app_filters %}
{% block content %}
    {{ block.super }}
<div class="small">
<div class="row">
    <div class="col-5">
        <div class="row">
            <div class="col-2"><span class="font-weight-bolder"><u>Job Ref</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Line</u></span></div>
            <div class="col-2"><span class="font-weight-bolder"><u>Disposition</u></span></div>
            <div class="col-2"><span class="font-weight-bolder"><u>NCM</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Box</u></span></div>
            <div class="col-3"><span class="font-weight-bolder"><u>Reason</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Reslt</u></span></div>
        </div>
    </div>
    <div class="col-7">
        <div class="row">
            <div class="col-2"><span class="font-weight-bolder"><u>Date</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Shift</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Begin</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Prod</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>Cons</u></span></div>
            <div class="col-1"><span class="font-weight-bolder"><u>End</u></span></div>
            <div class="col-2"><span class="font-weight-bolder"><u>Location</u></span></div>
            <div class="col"><span class="font-weight-bolder"><u>PostedBy</u></span></div>
        </div>
   </div>
</div>
{% regroup ncmtrx_list by ncm.disposition.name as disposition_list %}
    {% for disposition in disposition_list %}
    {% regroup disposition.list by ncm.ncm as ncm_list %}
        {% for ncmgroup in ncm_list %}
        {% for ncmtrx in ncmgroup.list %}
        <div class="row">
            <div class="col-5">
                <div class="row">
                <div class="col-2">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.job }}{% endifchanged %}</div>
                <div class="col-1">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.line }}{% endifchanged %}</div>
                <div class="col-2" title="{{ ncmtrx.disp }}">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.disp | truncatechars:10 }}{% endifchanged %}</div>
                <div class="col-2 text-nowrap">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm }}{% endifchanged %}</div>
                <div class="col-1 text-nowrap" title="{{ ncmtrx.ncm.box }}">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.box | default_if_none:"" | truncatechars:6 }}{% endifchanged %}</div>
                <div class="col-3 text-nowrap" title="{{ ncmtrx.ncm.reason }}">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.reason | truncatechars:18 }}{% endifchanged %}</div>
                <div class="col-1 text-nowrap" title="{{ ncmtrx.ncm.result }}">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.result | truncatechars:4 }}{% endifchanged %}</div>
                </div>
            </div>
            <div class="col-7">
                <div class="row">
                    <div class="col-2">{{ ncmtrx.transaction_date }}</div>
                    <div class="col-1">{{ ncmtrx.shift }}</div>
                    <div class="col-1 text-right p-0">{{ ncmtrx.begin | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 text-right p-0">{{ ncmtrx.produced | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 text-right p-0">{{ ncmtrx.consumed | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 text-right p-0">{{ ncmtrx.end | floatformat:'0' | intcomma }}</div>
                    <div class="col-2">{{ ncmtrx.location | default_if_none:"" }}</div>
                    <div class="col">{{ ncmtrx.postedby }}</div>
                </div>
           </div>
        </div>
        {% endfor %}
        <div class="row">
            <div class="col-5">
                &nbsp;
            </div>
            <div class="col-7">
                <div class="row mb-2">
                    <div class="col-2">&nbsp;</div>
                    <div class="col-1">&nbsp;</div>
                    <div class="col-1">&nbsp;</div>
                    <div class="col-1 border-dark border-top text-right p-0">{{ ncmgroup.list | running_total_produced | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 border-dark border-top text-right p-0">{{ ncmgroup.list | running_total_consumed | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 border-dark border-top text-right p-0">{{ ncmgroup.list | produced_less_consumed | floatformat:'0' | intcomma }}</div>
                    <div class="col-2">&nbsp;</div>
                    <div class="col">&nbsp;</div>
                </div>
           </div>
        </div>
        {% endfor %}
        <div class="row">
            <div class="col-5">
                &nbsp;
            </div>
            <div class="col-7">
                <div class="row mb-2">
                    <div class="col-2">&nbsp;</div>
                    <div class="col-1">&nbsp;</div>
                    <div class="col-1">&nbsp;</div>
                    <div class="col-1 border-top-double text-right p-0">{{ disposition.list | running_total_produced | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 border-top-double text-right p-0">{{ disposition.list | running_total_consumed | floatformat:'0' | intcomma }}</div>
                    <div class="col-1 border-top-double text-right p-0">{{ disposition.list | produced_less_consumed | floatformat:'0' | intcomma }}</div>
                    <div class="col-2">&nbsp;</div>
                    <div class="col">&nbsp;</div>
                </div>
           </div>
        </div>
    {% endfor %}
</div>
{% endblock content %}