{% load static %}
{% load humanize %}
<link rel="stylesheet" type="text/css" href="{% static 'informant_lookups/css/item_lookup.css' %}">
<div class="row">
    <div class="col-md-11">
        <div class="table-responsive">
          <table class="table table-striped table-bordered nowrap" id="id_item_list_table" width="100%" datatable="datatable">
            <thead>
                <tr>
                    <!-- <th class="text-center" scope="col">#</th>-->
                    <th class="text-center" scope="col">Name</th>
                    <th class="text-center" scope="col">Customer</th>
                    <th class="text-center" scope="col">CustItemCode</th>
                    <th class="text-center" scope="col">Description</th>
                    <th class="text-center" scope="col">Package</th>
                    <th class="text-center" scope="col">Unit Weight</th>
                    <th class="text-center" scope="col">Class</th>
                    <th class="text-center" scope="col">Group</th>
                    <th class="text-center" scope="col">Characteristic</th>
                    <th class="text-center" scope="col">id</th>
                </tr>
            </thead>
          </table>
        </div>
    </div>
    <div class="col-md-1">
        <div class="row mt-5 mb-5">
            <button id="new-item" class="btn btn-success" type="button" name="button" data-create_button="create-item" data-popup_type="new_item">
                <span class="fa fa-plus-square mr-2"></span>New
            </button>
        </div>
        <div class="row mt-5 pt-5">
            <button id="select-item" class="btn btn-primary" type="button" name="button">
                <span class="fa fa-check-circle mr-2"></span>Done
            </button>
        </div>
    </div>
</div>
{% if not initial_filter %}
<div class="row mt-2 pt-2">
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-all-items" data-filter-term="">
        <label for="id-filter-all-items">All Items</label>
    </div>
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-all-rms" data-filter-term="RM">
        <label for="id-filter-all-rms">All RMs</label>
    </div>
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-all-fgs" data-filter-term="FG" {% if initial_filter == 'FG' %}checked{% endif %}>
        <label for="id-filter-all-rms">All FGs</label>
    </div>
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-resins" data-filter-term="RESIN">
        <label for="id-filter-resins">Resins</label>
    </div>
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-fillers" data-filter-term="FILLER">
        <label for="id-filter-fillers">Fillers</label>
    </div>
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-additives" data-filter-term="ADDITIVE">
        <label for="id-filter-additives">Additives</label>
    </div>
    <div class="col">
        <input type="checkbox" class="filter-lookup" id="id-filter-pigments" data-filter-term="PIGMENT">
        <label for="id-filter-pigments">Pigments</label>
    </div>
</div>
{% endif %}
<script>
    var create_item_url = "{% url 'create_item' %}";
    var get_item_slug_url = "{% url 'get_slug' %}";
    var get_item_id_url = "{% url 'get_item_id' %}";
    {% if not initial_filter %}
    var ajax_dt_url = "{% url 'ajax_dt_itemlist_lookup' %}";
    {% else %}
    var ajax_dt_url = "{% url 'ajax_dt_itemlist_fgonly_lookup' %}";
    {% endif %}
    var slug_index = 9;
    var get_item_id_url = "{% url 'get_value_from_model' %}";
</script>
<script src="{% static 'informant_lookups/js/item_lookup.js' %}"></script>