{% include 'topnav.html' %}
    <form id="managePrepackForm" name="managePrepackForm" method="POST">
    {% csrf_token %}
    <span id="multi-select-action" style="display: none; float: left;">
        <p><button id="btn-multi-remove-ppk" name="btn-multi-remove-ppk"
                title="Remove Prepack" class="btn" type="button">Remove Selected Prepacks</button>
        </p>
    </span>
    <span style="float: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <span id="multi-enable-prepack" style="display: none; float: left;">
        <p><button id="btn-multi-enable-ppk" name="btn-multi-enable-ppk"
                title="Enable Auto Prepack for Selected Items" class="btn" type="button">Enable Auto Prepack</button>
        </p>
    </span>
    <span style="float: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <span id="multi-disable-prepack" style="display: none; float: left;">
        <p><button id="btn-multi-disable-ppk" name="btn-multi-disable-ppk"
                title="Disable Auto Prepack for Selected Items" class="btn" type="button">Disable Auto Prepack</button>
        </p>
    </span>
    <span style="float: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <span id="multi-change-prepack" style="display: none; float: left;">
        <p><button id="btn-multi-change-ppk" name="btn-multi-change-ppk"
                title="Change prepack levels" class="btn" type="button">Change Prepack levels</button>
        </p>
    </span>
    <span style="float: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
<table class="table table-bordered table-striped">
        <thead>
        <tr class="dosis-report-header">
            <th><input type="checkbox" name="check-all" id="check-all"></th>
            {% include 'report-table-header.html' %}
            <th>Add Prepack Order</th>
            <th><i class="icon-th-list"></i></th>
        </tr>
        <tr class="dosis-report-header">
            <th>&nbsp;</th>
            {% for head in report_header %}
                <th style="padding: 2px;">{% if head.allow_col_filter %}<input type="text" class="search-query queue-col-search" style="width: {{ head.filter_length }}em;"
                                                 id="col-filter-{{ head.db_column }}" name="col-filter-{{ head.db_column }}" value="{{ head.col_filter_val }}">{% endif %}</th>
            {% endfor %}
            <th>&nbsp;</th>
            <th>&nbsp;</th>
        </tr>
        </thead>
        <tbody id="manage-prepack-inventory-rep-tbody">
            {% include 'manage-prepack-inventory-rep-body.html' %}
        </tbody>
    </table>
    <button id="btn-manual-package-add" name="btn-manual-package-add" type="button" class="btn">Manually Add
                    Package To Wall
                </button>
    </form>
    <div id="confirm-remove-ppk-div" title="Confirm removing ppk" style="margin-left: 2px; display:none;">
    <span  name="confirm-remove" id="confirm-remove" style="width: auto; height: 40px; margin-bottom: 0px;">
        <span style="font-size: .75em">Confirm removing multiple prepacks?</span>
    </span>
    <span style="width: 75px; display:inline-block;">&nbsp;</span>
    </div>

    <div id="change-ppk-div" title="Change Prepack Levels" style="margin-left: 2px; display:none;">
        <table style="margin-left: auto; margin-right: auto;">
            <tr>
                <td style="font-size: 1.25em; text-align: right; width: 50%">Low Level&nbsp;&nbsp;</td>
                <td><input type="number" id="low-level-multi" style="width: 20%;"/></td>
            </tr>
            <tr>
                <td style="font-size: 1.25em; text-align: right; width: 50%">Par Level&nbsp;&nbsp;</td>
                <td><input type="number" id="par-level-multi" style="width: 20%;"/></td>
            </tr>
            <tr>
                <td style="font-size: 1.25em; text-align: right; width: 50%">Cards on Hand&nbsp;&nbsp;</td>
                <td><input type="number" id="cards-on-hand-multi" style="width: 20%;"/></td>
            </tr>
        </table>

    <span style="width: 75px; display:inline-block;">&nbsp;</span>
    </div>
    {% include 'bottomnav.html' %}