{% include 'topnav.html' %}
    <form id="managePrepackForm" name="managePrepackForm" method="POST" autocomplete="off">
    {% csrf_token %}

    {% if user_can_manage %}
    <span id="multi-select-action" style="display: none; float: left;">
        <p><button id="btn-multi-remove-ppk" name="btn-multi-remove-ppk"
                title="Remove Pre-Pack" class="btn" type="button">Remove Selected Pre-Packs</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 Pre-Pack for Selected Items" class="btn" type="button">Enable Auto Pre-Pack</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 Pre-Pack for Selected Items" class="btn" type="button">Disable Auto Pre-Pack</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 Pre-Pack levels" class="btn" type="button">Change Pre-Pack levels</button>
        </p>
    </span>
    <span style="float: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    {% endif %}
    {% if user_can_access %}
    <span id="multi-change-prepack-ndc" style="display: none; float: left;">
        <p><button id="btn-multi-change-ppk-ndc" name="btn-multi-change-ppk"
                title="Change Pre-Pack NDC" class="btn" type="button">Change Selected Pre-Pack NDC</button>
        </p>
    </span>
    {% endif %}
    <table class="table table-bordered table-striped">
        <thead style="position: sticky; top: 0;">
        <tr class="dosis-report-header">
            <th>{% if user_can_manage %}<input type="checkbox" name="check-all" id="check-all">{%endif%}</th>
            {% include 'report-table-header.html' %}
            <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>
        </tr>
        </thead>
        <tbody id="manage-prepack-inventory-rep-tbody">
            {% include 'manage-prepack-inventory-rep-body.html' %}
        </tbody>
    </table>
        {% if user_can_manage %}
    <button id="btn-manual-package-add" name="btn-manual-package-add" type="button" class="btn">Manually Add
                    Package To Wall
                </button>
        {% endif %}
    </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 Pre-Packs?</span>
    </span>
    <span style="width: 75px; display:inline-block;">&nbsp;</span>
    </div>

    <div id="change-ppk-div" title="Change Pre-Pack 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>

    <div id="change-ppk-ndc" title="Change Pre-Pack NDC" style="margin-left: 2px; display:none;">
        <div class="alert alert-error" id="multiple-ndc" style="display: none;">
            <ul>Multiple NDCs selected, please select only one unique NDC to change.
            </ul>
        </div>

        <div id="change-ndc-form" style="display: none;">
            <div class="alert alert-error" id="change-ndc-validation-alert" style="display: none;">
                <ul id="change-ndc-validation-error-list">
                </ul>
            </div>

            <div style="padding-bottom: 2vh; padding-top: 1vh;">
                Change NDC for all Pre-Packs with this NDC?
                <input type="checkbox" id="change-all-ndc" name="change-all-ndc" style="margin-left: 5px;"/>
            </div>

            <table style="width: 90%;">
                {% if drugnum_type == 'NDC' %}
                    <tr>
                        <td class="site-drug-edit-td" colspan="3">Drug Number:
                            <input type="text" id="change-drug-number-labeller" name="change-drug-number-labeller" style="width: 5em;" value="" maxlength="5"> <b>-</b>
                            <input type="text" id="change-drug-number-product" name="change-drug-number-product"  style="width: 4em;" value="" maxlength="4"> <b>-</b>
                            <input type="text" id="change-drug-pack-code" name="change-drug-pack-code"  style="width: 2em;" value="" maxlength="2">&nbsp;&nbsp;&nbsp;&nbsp;
                            <span style="font-size: 9pt; color: blue;">(5-4-2, 4-4-2, 5-4-1, or 5-3-2)</span>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td class="site-drug-edit-td" colspan="3">Drug Number:
                            <input type="text" id="drug-number-other-add" name="drug-number-other-add"
                                   style="width: 15em;" value="">
                        </td>
                    </tr>
                {% endif %}
            </table>
        </div>
    </div>
    {% include 'bottomnav.html' %}