{% extends 'layout_dtpop_forms.html' %}
{% load static %}
{% load widget_tweaks %}
{% load template_math %}

{% block styles %}
{{ block.super }}
<style type="text/css">
    .ui-front {
        z-index: 9999999 !important;
    }
</style>
{% endblock styles %}

{% block content %}
{% include "informant_erp/includes/item_create_modals.html" %}

<form id="id-form-invmin" class="form-main" method="post" action="">
    {% csrf_token %}
<div class="row mb-0 p-0">
    <div class="col-3 mb-0 p-0">
    </div>
    <div class="col-3 mb-0 p-0">
        <input type="submit" name="submit" value="Done" class="btn btn-primary btn-block form-group col-9 m-0 p-0" id="submit-id-submit" tabindex="3000">
    </div> 
    <div class="col-3 mb-0 p-0">
        <input type="submit" name="cancel" value="Cancel" class="btn btn-primary btn-danger btn-block form-group  col-9 m-0 p-0" id="submit-id-submit_and_continue" tabindex="3001">
    </div>
</div>
<div id="id_header_row" class="row pb-3 pt-3">
    <div class="col-2 font-weight-bolder">Customer*</div>
    <div class="col-2 font-weight-bolder">Item*</div>
    <div class="col-1 font-weight-bolder">pCat*</div>
    <div class="col-1 font-weight-bolder">CIC</div>
    <div class="col-1 font-weight-bolder">Min</div>
    <div class="col-1 font-weight-bolder">Rrder</div>
    <div class="col-1 font-weight-bolder">Min2</div>
    <div class="col-1 font-weight-bolder">Rrder2</div>
    <div class="col-2 font-weight-bolder">Vendor</div>
</div>
{{ form.management_form }}
<div id="id-form-formset" class="pl-3 pr-2" style="height:600px; width:100%; overflow:auto;">
    {% for aform in form %}
    {% if aform.errors %}
    <div class="row text-danger">{% for error in aform.errors.values %}{{ error.as_text|escape }}{% endfor %}</div>
    {% endif %}
    <div id="id-form-row-{{ forloop.counter }}" class="form-row formset_row-form row mb-0" data-cust="{{ aform.instance.customer }}" data-item="{{ aform.instance.item }}" data-cat="{{ aform.instance.p_category }}">
        {% render_field aform.id type="hidden" %}
        {% render_field aform.item type="hidden" %}
        {% render_field aform.cic_orig type="hidden" %}
        <div class="col-2 p-0">{% render_field aform.customer class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:1 %}</div>
        <div class="col-2 p-0">{% render_field aform.item_disp class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:2 %}</div>
        <div class="col-1 p-0">{% render_field aform.p_category class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:3 %}</div>
        <div class="col-1 p-0">{% render_field aform.cust_item_code class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:4 %}</div>
        <div class="col-1 p-0">{% render_field aform.min_qty class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:5 data-number="whole" %}</div>
        <div class="col-1 p-0">{% render_field aform.reorder_qty class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:6 data-number="whole"%}</div>
        <div class="col-1 p-0">{% render_field aform.min_qty2 class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:7 data-number="whole"%}</div>
        <div class="col-1 p-0">{% render_field aform.reorder_qty2 class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:8 data-number="whole"%}</div>
        <div class="col-2 p-0">{% render_field aform.vendor class+="form-control textinput textInput" tabindex=forloop.counter0|mul:9|add:9 %}</div>
    </div>
    {% endfor %}
</div>
 </form>
{% endblock content %}

{% block body_scripts %}
{{ block.super }}
<script>
        // Dynamic URLs and other variables - used in .js support files
        var popupviewField = "#id_item_disp";
        var autofill_url = "{% url 'fill_invlog_info' %}";
        var cic_update_url = "{% url 'cic_update' %}";
        var check_duplicate_invmin_url = "{% url 'check_duplicate_invmin' %}";
</script>
<script>
    var fs_prefix = "form";
    var formset_add_row_label = "Add InvMin";
    var formset_remove_row_label = "";
</script>
<!-- jquery.formset scripts for embedded formsets-->
<script type="text/javascript" src="{% static 'support/js/formset_support.js' %}"></script>
<script type="text/javascript" src="{% static 'support/js/jquery.formset.js' %}"></script>
<script type="text/javascript" src="{% static 'informant_erp/js/add_formset_row.js' %}"></script>
<script type="text/javascript" src="{% static 'informant_erp/js/support_popupview_common.js' %}"></script>
<script type="text/javascript" src="{% static 'informant_erp/js/support_inv_min.js' %}"></script>
<script type="text/javascript" src="{% static 'informant_erp/js/support_popupview_common.js' %}"></script>
{% endblock body_scripts %}