{% extends "layout_report.html" %}
{% load static %}
{% load app_filters %}
{% load humanize %}
{% load tz %}
{% block content %}
    {{ block.super }}
<div class="row pb-3">
    <div class="col-2">Job: {{ job.job }}</div>
    <div class="col-2">Status: {{ job.status }}</div>
</div>
<div class="row">
    <div class="col-2">Customer: {{ job.customer }}</div>
</div>
<div class="row">
    <div class="col-3">Product: {{ job.product }}</div>
    <div class="col-2">Ver: {{ job.frm_ver }}</div>
    <div class="col-3">Qty Ordered: {{ job.qty_ordered }}</div>
</div>
<div class="row border-dark border-top border-bottom border-left border-2 small">
    <div class="col-2 border-dark border-right text-center p-0">Ingredient</div>
    <div class="col border-dark border-right text-center p-0">WtPCT</div>
    <div class="col border-dark border-right text-nowrap text-center p-0">Qty Req</div>
    <div class="col border-dark border-right text-center p-0">Receiver</div>
    <div class="col border-dark border-right text-center p-0">Class</div>
    <div class="col border-dark border-right text-center p-0">Group</div>
    <div class="col border-dark border-right text-center p-0">Car</div>
    <div class="col-2 border-dark border-right text-center p-0">Lot</div>
    <div class="col border-dark border-right text-center p-0">Package</div>
    <div class="col border-dark border-right text-center p-0">Allocated</div>
</div>
{% for ingredient in ingredient_list %}
<div class="row border-dark border-top border-left{% if forloop.last %} border-bottom{% endif %} border-2 small">
    <div class="col-2 border-dark border-right">{{ ingredient.ingredient }}</div>
    <div class="col border-dark border-right p-0 text-right">{{ ingredient.pct | floatformat:'4' }}&nbsp;</div>
    <div class="col border-dark border-right p-0 text-right">{{ ingredient.qty_req | floatformat:'0' | intcomma }}&nbsp;</div>
    <div class="col border-dark border-right p-0">&nbsp;{{ ingredient.receiver | default_if_none:"" }}</div>
    <div class="col border-dark border-right p-0">&nbsp;{{ ingredient.receiver.inv_class }}</div>
    <div class="col border-dark border-right p-0">&nbsp;{{ ingredient.receiver.group }}</div>
    <div class="col border-dark border-right p-0">&nbsp;{{ ingredient.car | default_if_none:"" }}</div>
    <div class="col-2 border-dark border-right p-0">&nbsp;{{ ingredient.receiver.lot }}</div>
    <div class="col border-dark border-right p-0">&nbsp;{{ ingredient.receiver.package }}</div>
    <div class="col border-dark border-right p-0 text-right">{{ ingredient.allocated | default:"" | floatformat:'0' | intcomma }}&nbsp;</div>
</div>
{% endfor %}

{% endblock content %}