{% 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>NCM</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>Job Ref</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 class="col-2"><span class="font-weight-bolder"><u>Disposition</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>
{% for ncmtrx in ncmtrx_list %}
    <div class="row{% ifchanged ncmtrx.ncm %}{% if not forloop.first %} mt-3{% endif %}{% endifchanged %}">
        <div class="col-5">
            <div class="row">
                <div class="col-2 text-nowrap">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm }}{% endifchanged %}</div>
                <div class="col-1">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.reference.line }}{% endifchanged %}</div>
                <div class="col-2">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.reference }}{% endifchanged %}</div>
                <div class="col-1" 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:16 }}{% endifchanged %}</div>
                <div class="col-1 text-nowrap" title="{{ ncmtrx.ncm.result }}">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.result | truncatechars:4 }}{% endifchanged %}</div>
                <div class="col-2" title="{{ ncmtrx.ncm.disposition }}">{% ifchanged ncmtrx.ncm %}{{ ncmtrx.ncm.disposition | truncatechars:10 }}{% 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>
{% endblock content %}