{% load static %}
{% load crispy_forms_tags %}
<style type="text/css">
  .delete-row {
    align-self: center;
  }
  .form-group {
      margin-bottom: 0px;
  }
</style>
{% comment FrmItems Formset Header Row %}{% endcomment %}
<div class="col-12">
<div class="row">
    <div class="col-2">Item</div>
    <div class="col-2">Customer</div>
    <div class="col-2">Verify Tgt*</div>
    <div class="col-1">Verified</div>
    <div class="col-2 text-center">Range</div>
    <div class="col-1">Link ID</div>
    <div class="col-2">Link Total</div>
</div>
{{ formset.management_form|crispy }}
{% for form in formset.forms %}
    {% for hidden in form.hidden_fields %}
        {{ hidden|as_crispy_field }}
    {% endfor %}
    <div class="row">
        <div name="frmitem-row-{{ forloop.counter0 }}" class="col-2">{{ form.item.value }}</div>
        <div class="col-2">{{ form.item_customer.value }}</div>
        <div class="col-2">{% crispy form %}</div>
        <div id="id_frmitem_set-{{ forloop.counter0 }}-frm_tgt_data" class="col-6" {% if locked_by %}{% else %}style="display: none;"{% endif %}>
            <div class="row">
                <div class="col-2"><span class="text-success">Verified.</span></div>
                <div class="col-2">{{ form.min.value }}</div>
                <div class="col-2">{{ form.max.value }}</div>
                <div class="col-2">{{ form.link_id.value }}</div>
                <div class="col-4">{{ form.link_total.value }}</div>
            </div>
        </div>
        <div id="id_frmitem_set-{{ forloop.counter0 }}-frm_tgt_no" class="col-6" style="display: none;"><span class="text-danger">Not Verified - Tgt_verify does not match Tgt</span></div>
        <div id="id_frmitem_set-{{ forloop.counter0 }}-frm_tgt_msg" class="col-6" {% if locked_by %}style="display: none;"{% endif %}><span class="text-warning">Type Tgt to verify</span></div>

    </div>
{% endfor %}
</div>
<br>
<script>
    var fs_prefix = "{{ formset.prefix }}";
</script>
<!-- jquery.formset scripts for embedded formsets-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.formset/1.2.2/jquery.formset.min.js"></script>
<script type="text/javascript" src="{% static 'informant_erp/js/add_formset_row.js' %}"></script>