{% extends 'layout_dtpop_forms.html' %}
{% load static %}
{% load humanize %}

{% block content %}
<form action="" class="form-main" method="post">
{% csrf_token %}
<div class="row">
    <div class="col-7">
        <div class="row" id="id_info_row">
            <div class="col-6">
                <div class="row">
                    <div class="col-4">Job:</div>
                    <div class="col-8">{{ frmlog.job }}</div>
                </div>
                <div class="row">
                    <div class="col-4">Customer:</div>
                    <div class="col-8">{{ frmlog.job.customer }}</div>
                </div>
                <div class="row">
                    <div class="col-4">Product:</div>
                    <div class="col-8">{{ frmlog.job.product }}</div>
                </div>
                <div class="row">
                    <div class="col-4">Ver:</div>
                    <div class="col-8">{{ frmlog.frm_ver }}</div>
                </div>
                <div class="row">
                    <div class="col-4">Lot:</div>
                    <div class="col-8">{{ frmlog.job.lot }}</div>
                </div>
                <div class="row">
                    <div class="col-4 text-nowrap">Qty Ordered:</div>
                    <div class="col-8">{{ qty_ordered | floatformat:'0' | intcomma }}</div>
                </div>
                <div class="row">
                    <div class="col-4">Line:</div>
                    <div class="col-8">{{ frmlog.job.line }}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-5">
        <div class="row">
            <div class="col">
                <input id="submit-id-submit" type="submit" name="submit" value="Issue PIP" class="submit btn btn-primary form-group col-sm mt-0 mb-3" tabindex="202">
            </div>
            <div class="col">
                <input id="submit-id-cancel" class="btn btn-block btn-danger" tabindex="8" name="cancel" type="submit" value="Cancel" formnovalidate="formnovalidate">
            </div>
        </div>
        <div class="row">
            <div class="col">
                <input id="submit-id-save_progress" class="submit btn btn-block btn-primary mb-3" tabindex="9" name="save_progress" type="submit" value="Save Progress" formnovalidate="formnovalidate">
            </div>
            <div class="col">
               <input type="button" name="view" value="View Inventory" class="details-btn btn btn-block btn-secondary" id="button-id-view" view-url={% url 'view_inventory_modal' %} tabindex="8">
            </div>
        </div>
        <div class="row text-danger" id="done_status_msg"></div>
        
        <div class="row">
            <div class="col-1"><input type="checkbox" id="id_hide_building" /></div>
            <div class="col-11" id="id_sched_bldg_info"></div>
        </div>
    </div>
</div>
<div class="row">
    {% regroup sort_by_item_list by item.name as item_list %}
    <div class="col">{% include "informant_reports/popups/frmitems_list.html" %}</div>
    <div class="col">
        <div class="row" id="id-include-info">
            <div class="col">Count: <span id="included-count">0</span></div>
            <div class="col">Total Qty: <span id="included-qty">0</span></div>
        </div>
        <div class="row">&nbsp</div>
        <div class="row">
            <div class="col font-weight-bold p-0">Receiver</div>
            <div class="col-3 font-weight-bold p-0">Lot</div>
            <div class="col font-weight-bold p-0">Package</div>
            <div class="col font-weight-bold p-0">Qty. on Hand</div>
            <div class="col font-weight-bold p-0">Staged</div>
            <div class="col-1 font-weight-bold p-0">Incl.</div>
        </div>
        <div class="col" id="id_receiver_container" style="height:400px; overflow:auto;">
            {% for frmitem in item_list %}
            <div class="col-6 item-info" id="id-info-{{ frmitem.list.0.item.slug }}" style="display:none;">
                <div class="row">
                    <div class="col-4">Item:</div>
                    <div class="col-8">{{ frmitem.grouper }}</div>
                </div>
                <div class="row">
                    <div class="col-4">PPH:</div>
                    <div class="col-8">{{ frmitem.list.0.pph | floatformat:'2' }}</div>
                </div>
                <div class="row">
                    <div class="col-4">TPPH:</div>
                    <div class="col-8">{{ frmitem.list.0.tpph | floatformat:'2' }}</div>
                </div>
                <div class="row">
                    <div class="col-4">Wt%:</div>
                    <div class="col-8">{{ frmitem.list.0.pct | floatformat:'2' }}</div>
                </div>
                <div class="row">
                    <div class="col-4 text-nowrap">Qty. Required:</div>
                    <div class="col-8">{{ frmitem.list.0.qty_req | floatformat:'0' | intcomma }}</div>
                </div>
            </div>
            <div class="item-block" id="id-block-{{ frmitem.list.0.item.slug }}" name = "{{ frmitem.grouper }}">
                {% for receiver in frmitem.list %}
                    <div class="row filter_row border-dark border-bottom small" search_string="" building="{{ receiver.building }}" package="{{ receiver.receiver.package }}">
                        <div class="col pl-0 pr-0">{{ receiver.receiver.receiver }}</div>
                        <div class="col-3 pl-0 pr-0 ">{{ receiver.receiver.lot }}</div>
                        <div class="col-2 pl-0 pr-0 text-nowrap">{% if receiver.car and receiver.receiver.package.name == "BULK" %}{{ receiver.car }}/{{ receiver.car_location }}{% else %}{{ receiver.receiver.package }}{% endif %}</div>
                        <div class="col pl-0 pr-0 mr-2 text-right">{{ receiver.receiver.qty_on_hand | floatformat:'0' | intcomma }}</div>
                        <div class="col pl-0 pr-0 mr-2 text-right">{{ receiver.staged | floatformat:'0' | intcomma }}</div>
                        <div class="col-1 pl-0 pr-0 text-right d-flex align-items-center"><input type="checkbox" class="include" id="id-include-{{ receiver.receiver}}" name="include" qty="{{ receiver.receiver.qty_on_hand}}" value="{{ receiver.receiver}}" data-ingredient="{{ receiver.item.slug }}" {% if receiver.exists %}checked{% endif %} {% if receiver.staged is not None %}onclick="return false" style="opacity:.3;"{% endif %}></div>
                    </div>
                {% endfor %}
            </div>
            {% endfor %}
        </div>
    </div>
</div>
</form>
{% include "informant_reports/view_details_modal.html" %}
{% endblock content %}

{% block body_scripts %}
<script>
    var job = "{{ qstr.reference }}";
    var get_building_url = "{% url 'get_building' %}";
</script>
<script type="text/javascript" src="{% static 'informant_reports/js/support_invjob.js' %}"></script>
{% endblock body_scripts %}