{% load humanize %}
<div class="row border-top border-dark border-2 bg-secondary">
    <div class="col">
        <div class="row">
            <div class="col-2">&nbsp;</div>
            <div class="col">TDY</div>
            <div class="col">JTD</div>
            <div class="col">MTD</div>
        </div>
     </div>
    <div class="col">
        <div class="row">
            <div class="col-2">&nbsp;</div>
            <div class="col">TDY</div>
            <div class="col">JTD</div>
            <div class="col">MTD</div>
        </div>
     </div>
    <div class="col">
        <div class="row">
            <div class="col-2">&nbsp;</div>
            <div class="col">TDY</div>
            <div class="col">JTD</div>
            <div class="col">MTD</div>
        </div>
     </div>
</div>
{% for line_block in prolog_job %}
<div class="row border-top border-dark border-2">
    <div class="col-1 pl-1 pr-0">Line: {{ line_block.line_id }}</div>
    <div class="col-2">Job: {{ line_block.job_id }}</div>
    <div class="col-3">Product: {{ line_block.product }}</div>
    <div class="col-3">Qty Ordered: {{ line_block.qty_ordered | floatformat:'0' | intcomma }}</div>
    <div class="col p-0">Chg Code: {{ line_block.cln_code }}</div>
    <div class="col p-0">Sts: {{ line_block.status }}</div>
</div>
<div class="row border-top border-dark border-2">
    <div class="col-4">
        <div class="row border-right border-dark border-2">
            <div class="col-2">
                <div class="row">
                    NSch:
                </div>
                <div class="row border-bottom border-dark">
                    SPT:
                </div>
                <div class="row">
                    Cln:
                </div>
                <div class="row">
                    TOT:
                </div>
                <div class="row border-bottom border-dark">
                    SRT:
                </div>
                <div class="row">
                    Run:
                </div>
                <div class="row">
                    Oth:
                </div>
            </div>
            <div class="col">
                <div class="row text-right">
                    {% if line_block.tdy_nsch < 10 %}&nbsp;{% endif %}{{ line_block.tdy_nsch | rjust:"5" }}
                </div>
                <div class="row border-bottom border-dark text-right">
                    {% if line_block.tdy_spt < 10 %}&nbsp;{% endif %}{{ line_block.tdy_spt | rjust:"5" }} / {% if line_block.tdy_spt_pct < 100 %}&nbsp;{% endif %}{{ line_block.tdy_spt_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">
                    {% if line_block.tdy_cln < 10 %}&nbsp;{% endif %}{{ line_block.tdy_cln | rjust:"5" }}
                </div>
                <div class="row text-right">
                    {% if line_block.tdy_tot < 10 %}&nbsp;{% endif %}{{ line_block.tdy_tot | rjust:"5" }}
                </div>
                <div class="row border-bottom border-dark text-right">
                    {% if line_block.tdy_srt < 10 %}&nbsp;{% endif %}{{ line_block.tdy_srt | rjust:"5" }} / {% if line_block.tdy_srt_pct < 100 %}&nbsp;{% endif %}{{ line_block.tdy_srt_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">                    
                    {% if line_block.tdy_run < 10 %}&nbsp;{% endif %}{{ line_block.tdy_run | rjust:"5" }} / {% if line_block.tdy_run_pct < 100 %}&nbsp;{% endif %}{{line_block.tdy_run_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">
                    {% if line_block.tdy_oth < 10 %}&nbsp;{% endif %}{{ line_block.tdy_oth | rjust:"5" }}
                </div>
            </div>
            <div class="col">
                <div class="row text-right">
                    {% if line_block.jtd_nsch < 10 %}&nbsp;{% endif %}{{ line_block.jtd_nsch | rjust:"5" }}
                </div>
                <div class="row border-bottom border-dark text-right">
                    {% if line_block.jtd_spt < 10 %}&nbsp;{% endif %}{{ line_block.jtd_spt | rjust:"5" }} / {% if line_block.jtd_spt_pct < 100 %}&nbsp;{% endif %}{{ line_block.jtd_spt_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">
                    {% if line_block.jtd_cln < 10 %}&nbsp;{% endif %}{{ line_block.jtd_cln | rjust:"5" }}
                </div>
                <div class="row text-right">
                    {% if line_block.jtd_tot < 10 %}&nbsp;{% endif %}{{ line_block.jtd_tot | rjust:"5" }}
                </div>
                <div class="row border-bottom border-dark text-right">
                    {% if line_block.jtd_srt < 10 %}&nbsp;{% endif %}{{ line_block.jtd_srt | rjust:"5" }} / {% if line_block.jtd_srt_pct < 100 %}&nbsp;{% endif %}{{ line_block.jtd_srt_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">                    
                    {% if line_block.jtd_run < 10 %}&nbsp;{% endif %}{{ line_block.jtd_run | rjust:"5" }} / {% if line_block.jtd_run_pct < 100 %}&nbsp;{% endif %}{{ line_block.jtd_run_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">
                    {% if line_block.jtd_oth < 10 %}&nbsp;{% endif %}{{ line_block.jtd_oth | rjust:"5" }}
                </div>
            </div>
            <div class="col">
                <div class="row text-right">
                    {% if line_block.mtd_nsch < 10 %}&nbsp;{% endif %}{{ line_block.mtd_nsch | rjust:"5" }}
                </div>
                <div class="row border-bottom border-dark text-right">
                    {% if line_block.mtd_spt < 10 %}&nbsp;{% endif %}{{ line_block.mtd_spt | rjust:"5" }} / {% if line_block.mtd_spt_pct < 100 %}&nbsp;{% endif %}{{ line_block.mtd_spt_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">
                    {% if line_block.mtd_cln < 10 %}&nbsp;{% endif %}{{ line_block.mtd_cln | rjust:"5" }}
                </div>
                <div class="row text-right">
                    {% if line_block.mtd_tot < 10 %}&nbsp;{% endif %}{{ line_block.mtd_tot | rjust:"5" }}
                </div>
                <div class="row border-bottom border-dark text-right">
                    {% if line_block.mtd_srt < 10 %}&nbsp;{% endif %}{{ line_block.mtd_srt | rjust:"5" }} / {% if line_block.mtd_srt_pct < 100 %}&nbsp;{% endif %}{{ line_block.mtd_srt_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">                    
                    {% if line_block.mtd_run < 10 %}&nbsp;{% endif %}{{ line_block.mtd_run | rjust:"5" }} / {% if line_block.mtd_run_pct < 100 %}&nbsp;{% endif %}{{ line_block.mtd_run_pct | floatformat:'0' | rjust:"3" }}
                </div>
                <div class="row text-right">
                    {% if line_block.mtd_oth < 10 %}&nbsp;{% endif %}{{ line_block.mtd_oth | rjust:"5" }}
                </div>
            </div>
        </div>
    </div>
    <div class="col-8">
        <div class="row">
            <div class="col">
                <div class="row border-bottom border-right border-dark border-2">
                    <div class="col ml-1">
                        <div class="row">
                            FG Prod:
                        </div>
                        <div class="row">
                            Act Rate:
                        </div>
                        <div class="row">
                            Avg Rate:
                        </div>
                    </div>
                    <div class="col mr-1">
                        <div class="row border-dark border-left border-right border-bottom justify-content-end">
                            {{ line_block.tdy_fg_prd | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row justify-content-end">
                            {{ line_block.tdy_act_rate | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row justify-content-end">
                            {{ line_block.tdy_avg_rate | floatformat:'0' | intcomma }}
                        </div>
                    </div>
                    <div class="col">
                        <div class="row justify-content-end">
                            {{ line_block.jtd_fg_prd | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row justify-content-end">
                            {{ line_block.jtd_act_rate | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row justify-content-end">
                            {{ line_block.jtd_avg_rate | floatformat:'0' | intcomma }}
                        </div>
                    </div>
                    <div class="col mr-1">
                        <div class="row  justify-content-end">
                            {{ line_block.mtd_fg_prd | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.mtd_act_rate | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.mtd_avg_rate | floatformat:'0' | intcomma }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="row border-bottom border-dark border-2">
                    <div class="col ml-1">
                        <div class="row">
                            RWPrd:
                        </div>
                        <div class="row">
                            RWCon:
                        </div>
                        <div class="row">
                            SCPrd:
                        </div>
                    </div>
                    <div class="col">
                        <div class="row  justify-content-end">
                            {{ line_block.tdy_rw_prd | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.tdy_rw_con | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.tdy_sc_prd | floatformat:'0' | intcomma }}
                        </div>
                    </div>
                    <div class="col">
                        <div class="row  justify-content-end">
                            {{ line_block.jtd_rw_prd | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.jtd_rw_con | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.jtd_sc_prd | floatformat:'0' | intcomma }}
                        </div>
                    </div>
                    <div class="col mr-1">
                        <div class="row  justify-content-end">
                            {{ line_block.mtd_rw_prd | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row  justify-content-end">
                            {{ line_block.mtd_rw_con | floatformat:'0' | intcomma }}
                        </div>
                        <div class="row justify-content-end">
                            {{ line_block.mtd_sc_prd | floatformat:'0' | intcomma }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
            {% for down in line_block.downtime %}
            <div class="row ml-1">
                {{ down.prolog.team }} {{ down.hrs }}  {{ down.code }}  {{ down.code.group }} {{ down.code.description }}
            </div>
            {% endfor %}
    </div>
</div>
{% if show_comments %}
<div class="row">
    <div class="col-1 border border-dark border-2">TL</div>
    <div class="col border-top border-right border-bottom border-dark border-2">Planning &amp; People</div>
    <div class="col border-top border-right border-bottom border-dark border-2">Raw Materials &amp; Blending</div>
    <div class="col border-top border-right border-bottom border-dark border-2">Feeding/Cpding/Pelletizing</div>
    <div class="col border-top border-right border-bottom border-dark border-2">Products &amp; Testing</div>
</div>
{% for comment in line_block.comments %}
    {% if comment.people != '' or comment.raw_materials != '' or comment.processing != '' or comment.product != '' %}
    <div class="row">
        <div class="col-1 border-left border-bottom border-right border-dark border-2">{{ comment.team }}</div>
        <div class="col border-right border-bottom border-dark border-2">{{ comment.people }}</div>
        <div class="col border-right border-bottom border-dark border-2">{{ comment.raw_materials }}</div>
        <div class="col border-right border-bottom border-dark border-2">{{ comment.processing }}</div>
        <div class="col border-right border-bottom border-dark border-2">{{ comment.product }}</div>
    </div>
    {% endif %}
{% endfor %}
<div class="row small">&nbsp;</div>
{% endif %}
{% endfor %}