{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>

        function get_dbm_id(field, field_name) {
            let lookup_id = field.attr("id");
            lookup_id = lookup_id.replace(field_name, "");
            return $("#" + lookup_id + '-id').val();
        }

        function validate_update_time() {
            let dateVal = $('#update-datepicker').val();
            let timeVal = $('#update-timepicker').val();

            let selectedDateTime = new Date(dateVal + ' ' + timeVal);
            let now = new Date();

            // Check if the selected time is at least 6 hours ahead
            // 4 hours for all prep download checks, 2 extra hours so I don't have to deal with browser timezone vs local timezone shenanigans
            let diffInHours = (selectedDateTime - now) / (1000 * 60 * 60);
            return diffInHours >= 6;
        }

        $(function () {
            $(document).tooltip();

            $("input[id$='-timeout']").change(function () {
                $.post("{% url 'support:support-update-dbmonitor-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            dbm_id: get_dbm_id($(this), "-timeout"),
                            field_type: 'timeout',
                            field_val: $(this).val()});
            });

            $("input[id$='-run_at_start']").click(function () {
                $.post("{% url 'support:support-update-dbmonitor-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            dbm_id: get_dbm_id($(this), "-run_at_start"),
                            field_type: 'run_at_start',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-active']").click(function () {
                $.post("{% url 'support:support-update-dbmonitor-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            dbm_id: get_dbm_id($(this), "-active"),
                            field_type: 'active',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-act-package']").click(function () {
                $.post("{% url 'support:support-update-active-packages' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            blister_id: $(this).attr("id").replace("-act-package", ""),
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-default-volume']").change(function () {
                $.post("{% url 'support:support-update-default-cup-volume' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            blister_id: $(this).attr("id").replace("-default-volume", ""),
                            field_val: $(this).val()});
            });

            $("input[id$='-active-proc-type']").click(function () {
                $.post("{% url 'support:support-update-active-order-proc-type' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            proc_type_id: $(this).attr("id").replace("-active-proc-type", ""),
                            field_val: $(this).prop("checked")});
            });

            $('#btn-apply-allowed-blister-type').click(function(e) {
                e.preventDefault();
                let selected_items = $("input[type='checkbox'][name$='-drug-allowed-blister-type']:checked");
                let allowed_blister_types = [];
                if (selected_items.length === 0) {
                    console.log('error no items selected')
                } else {
                    selected_items.each(function() {
                        allowed_blister_types.push($(this).val())
                    })

                    $("#confirm-allowed-blister-type-change").dialog({
                        closeOnEscape: true,
                        modal: true,
                        draggable: false,
                        width: 500,
                        buttons: [
                            {
                                text: "Close",
                                "class": 'modal-dialog-button-float-left',
                                click: function () {
                                    $('#multi_action_request_type_set').val('');
                                    $(this).dialog("close");
                                }
                            },
                            {
                                text: "Confirm",
                                "class": 'modal-dialog-button-float-right',
                                click: function () {
                                    $.ajax({
                                        url: "{% url 'support:support-advanced-action-change-allowed-blister-types' %}",
                                        type: "POST",
                                        data: {
                                            csrfmiddlewaretoken: '{{csrf_token}}',
                                            allowed_blister_types: JSON.stringify(allowed_blister_types)
                                        },
                                        success: function (data) {
                                            window.location.reload()
                                        }
                                    });
                                }
                            }
                        ]
                    });
                }
            })


            $("#update-datepicker").keydown(function(event) {event.preventDefault();});
            const today = new Date();
            const lastDayOfMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
            const daysRemaining = (lastDayOfMonth - today) / (1000 * 60 * 60 * 24);
            const numberOfMonths = daysRemaining < 7 ? 2 : 1;

            $("#update-datepicker").datepicker({
                changeMonth: false,
                showButtonPanel: true,
                numberOfMonths: numberOfMonths,
                minDate: 1,
                maxDate: 7,
                beforeShowDay: function(d) {
                    return [!(d.getDay() == 0 || d.getDay() == 5 || d.getDay() == 6)]
                }
            });

            $("#update-datepicker").on('change', function (){
                let dateString = $(this).val();
                let day = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][new Date(dateString).getDay()];
                $('#update-date').text(day + ' ' + dateString);
                $('#update-time').text($("#update-timepicker option:selected").text());
                $('#timepicker-row').css('display', 'table-row');

                $('#update-confirm-row').css('display', 'table-row');
                if (validate_update_time()){
                    $('#update-warning').css('display', 'none');
                    $('#submit-update-date').prop('disabled', false);
                } else {
                    $('#update-warning').css('display', 'table-row');
                    $('#submit-update-date').prop('disabled', true);
                }
            })

            $("#update-timepicker").on('change', function (){
                $('#update-time').text($("#update-timepicker option:selected").text());

                if (validate_update_time()){
                    $('#update-warning').css('display', 'none');
                    $('#submit-update-date').prop('disabled', false);
                } else {
                    $('#update-warning').css('display', 'table-row');
                    $('#submit-update-date').prop('disabled', true);
                }
            });

            // create time options for manual update scheduler
            for (let i = 0; i < 24; i++) {
                let hour, value;

                if (i === 0) {
                    hour = '12:01 AM';
                    value = '00:01'
                } else if (i === 12) {
                    hour = '12:01 PM'
                    value = '12:01'
                } else {
                    let am_pm = i < 12 ? "AM" : "PM";
                    let displayHour = i % 12;
                    hour = `${displayHour}:00 ${am_pm}`;
                    value = `${i.toString().padStart(2, '0')}:00`;
                }

                let option = new Option(hour, value)

                // make 1AM the default item to be selected
                if (i === 1) {
                    option.selected = true;
                }

                $("#update-timepicker").append(option);
            }
        });
    </script>
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <form id="advancedSettingsForm" name="advancedSettingsForm" method="POST">
        {% csrf_token %}
        <p>These are advanced support functions. Make sure you know what you are doing before you click something.</p>
        <br/>

        <div>
            <button class="btn" id="btn-clear-all-sessions" name="btn-clear-all-sessions" style="height: 40px;">Clear All Session Data</button>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Schedule Manual Update</caption>

                <tbody>
                    {% if prep_in_progress %}
                    <tr>
                        <td>
                            <span style="color: green; font-weight: bold; font-size: 3vh; line-height: normal;">Prep for update in progress</span>
                        </td>
                    </tr>
                    {% endif %}
                    <tr id="update-warning" style="display: none;">
                        <td style="font-weight: bold; background: lightcoral;">*** Warning update must be scheduled at least 6 hours from now. ***</td>
                    </tr>
                    <tr>
                        <td style="padding: 3px; margin-bottom: 5px;">
                            Select a day to update: <input type="text" id="update-datepicker" name="update-datepicker" style="width: 7em;" value="" autocomplete="new-password"/>&nbsp;&nbsp;
                        </td>
                    </tr>
                    <tr id="timepicker-row" style="display: none;">
                        <td style="padding: 3px; margin-bottom: 5px;">
                            Select a time to update: <select id="update-timepicker" name="update-timepicker" style="width: 7em;" autocomplete="new-password"></select>&nbsp;&nbsp;
                        </td>
                    </tr>
                    <tr id="update-confirm-row" style="display: none;">
                        <td>
                            <div style="display: flex; align-items: baseline;">
                                <p>Update will occur on <span id="update-date"></span> at <span id="update-time"></span> Localtime to </p>
                                <select id="update-stable-latest" name="update-stable-latest" style="margin-left: 1vh; width: auto;">
                                    <option value="latest">Latest</option>
                                    <option value="stable">Stable</option>
                                </select>
                                <button class="btn" id="submit-update-date" name="submit-update-date" style="height: 40px; margin-left: 1vh;">Confirm?</button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Cancel an Active Workorder</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Enter Workorder Id to Cancel: <input type="text" id="cancel-wo-id-val" name="cancel-wo-id-val" style="width: 7em;" value=""/>&nbsp;&nbsp;
                        <button class="btn" id="btn-cancel-wo-id" name="btn-cancel-wo-id" style="height: 40px;">Cancel Active Workorder</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        {% if show_wo_cancel %}Workorder Id {{ cancel_wo_id }} has been cancelled.{% endif %}
                    </td>
                </tr>
            </table>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Decommission/Re-activate Canister</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Scan Canister Serial Number to Decommission/Re-activate: <input type="text" id="decommission-val" name="decommission-val" style="width: 11em;" value="{{ canister_search }}"/>&nbsp;&nbsp;
                        <button class="btn" id="btn-decommission-find-canister" name="btn-decommission-find-canister" style="height: 40px;">Find Canister</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        {% if show_decommission %}{% if canister.decommissioned %}Canister has been decommissioned.{% else %}{% if canister.active %}Canister is currently active.{% else %}Canister is currently deactivated.{% endif %}{% endif %}{% endif %}
                    </td>
                </tr>
            {% if decommission_error %}
                <tr>
                    <td style="color: red; font-weight: bold;">
                        {{ decommission_error }}
                    </td>
                </tr>
            {% endif %}
                <tr>
                    <td>
                        {% if show_decommission %}{% if not canister.decommissioned %}<button class="btn" id="btn-decommission-canister" name="btn-decommission-canister" style="height: 40px;">Decommission Canister</button>
                        {% else %}<button class="btn" id="btn-recommission-canister" name="btn-recommission-canister" style="height: 40px;">Re-Activate Canister</button>{% endif %}{% endif %}
                    </td>
                </tr>
            </table>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Reset Canister Status</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Scan Canister Serial Number to Reset Status to OK: <input type="text" id="canister-reset-status-val" name="canister-reset-status-val" style="width: 11em;" value="{{ canister_reset_val }}"/>&nbsp;&nbsp;
                        <button class="btn" id="btn-reset-canister-status" name="btn-reset-canister-status" style="height: 40px;">Reset Canister</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        {% if show_reset_can_status %}Canister status has been reset.{% endif %}
                    </td>
                </tr>
            {% if reset_can_status_error %}
                <tr>
                    <td style="color: red; font-weight: bold;">
                        {{ reset_can_status_error }}
                    </td>
                </tr>
            {% endif %}
            </table>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Reset All Canisters in Tower</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click the button below to reset the status of every canister in a given tower
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <select id="reset-canister-status-tower" name="reset-canister-status-tower">
                            <option value="">&nbsp;</option>
                            {% for item in all_dafe_list %}
                            <option value="{{ item.id }}">{{ item.display_name }} {% if not item.active %}(inactive){% endif %}</option>
                            {% endfor %}
                        </select>
                        <button class="btn" id="btn-reset-canister-status-all" name="btn-reset-canister-status-all" style="height: 40px;">Reset Canisters in Tower</button>
                    </td>
                </tr>
            </table>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Change all Canister's Low Level</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Input value to set all canister's low level to: <input type="text" id="canister-set-low-level-val" name="canister-set-low-level-val" style="width: 11em;"/>&nbsp;&nbsp;
                        <button class="btn" id="btn-set-canister-low-level" name="btn-set-canister-low-level" style="height: 40px;">Set Low Levels</button>
                    </td>
                </tr>
                {% if canister_low_level_error %}
                <tr>
                    <td style="color: red; font-weight: bold;">
                        {{ canister_low_level_error }}
                    </td>
                </tr>
            {% endif %}
            </table>
        </div>
        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Cancel All Test Requests</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to cancel {{num_test_requests}} test requests: &nbsp;&nbsp;
                        <button class="btn" id="btn-cancel-all-test-requests" name="btn-cancel-all-test-requests" style="height: 40px;">Cancel All Test Requests</button>
                    </td>
                </tr>
            </table>
        </div>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Remove all Active Alerts</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to cancel {{num_active_alerts}} active alerts and {{num_arch_alerts}} archived alerts: &nbsp;&nbsp;
                        <button class="btn" id="btn-purge-all-alerts" name="btn-purge-all-alerts" style="height: 40px;">Remove all Active Alerts</button>
                    </td>
                </tr>
            </table>
        </div>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set All Open Replenishments to Verified</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to set all open replenishments to verified using the current user id. &nbsp;&nbsp;
                        <button class="btn" id="btn-set-all-replens-verified" name="btn-set-all-replens-verified" style="height: 40px;">Set All Replens Verified</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>


        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Toggle Strict Match NDC-11 on all possible drugs</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        These buttons will either turn on NDC-11 strict match for all possible drugs or turn it off. It can only do this for drugs that are active and only have 1 package size entered into the system. All other drugs will have to be changed manually through the edit site drug page. &nbsp;&nbsp;
                        <button class="btn" id="btn-turn-on-strict-match-all" name="btn-turn-on-strict-match-all" style="height: 40px;">Turn ON NDC-11 for All Drugs</button> &nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-turn-off-strict-match-all" name="btn-turn-off-strict-match-all" style="height: 40px;">Turn OFF NDC-11 for All Drugs</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>
        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set All Site Drugs Allow Prepack Manager</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to set all site drugs to Allow Prepack Manager.&nbsp;&nbsp;
                        <button class="btn" id="btn-set-all-allow-prepack-mgr" name="btn-set-all-allow-prepack-mgr" style="height: 40px;">
                            Set All Drugs Allow Prepack Manager</button>
                    </td>
                </tr>
                {% if not default_allow_prepack_manager %}
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <a href="{% url 'support:support-manage-site-settings' %}#DEFAULT_ALLOW_PREPACK_MGR" target="_blank">DEFAULT_ALLOW_PREPACK_MGR</a> is currently turned off.  New drugs will not be marked for pre-pack manager by default.
                    </td>
                </tr>
                {% endif %}
            </table>
        </div>

        <br/>
        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set All Site Drugs Allow Multi-Dose Fill</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to set all site drugs to Allow Multi-Dose Fill.&nbsp;&nbsp;
                        <button class="btn" id="btn-set-all-allow-multi-dose" name="btn-set-all-allow-multi-dose" style="height: 40px;">
                            Set All Drugs Allow Multi-Dose Fill</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>
        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Unconfirm All Pill Sigs</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to set all pill signatures for a selected dafe to unconfirmed and place in a training state.&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <select id="unconfirm-dafe-list" name="unconfirm-dafe-list">
                            <option value="">&nbsp;</option>
                            {% for item in dafe_list %}
                            <option value="{{ item.id }}">{{ item.display_name }}</option>
                            {% endfor %}
                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-unconfirm-all-pill-sig" name="btn-unconfirm-all-pill-sig" style="height: 40px;">
                            Unconfirm All Pill Sigs</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>

            <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Reset All Pill Sigs to Global Values</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to set all pill signatures for a selected dafe to the current global pill sig, replacing the existing pill sig values.&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <select id="replace-with-global-dafe-list" name="replace-with-global-dafe-list">
                            <option value="">&nbsp;</option>
                            {% for item in dafe_list %}
                            <option value="{{ item.id }}">{{ item.display_name }}</option>
                            {% endfor %}
                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-replace-all-with-global-pill-sig" name="btn-replace-all-with-global-pill-sig" style="height: 40px;">
                            Replace All Pill Sigs With Globals</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>
        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Toggle AI Dispensing on All Pill Sigs</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click the buttons below to turn on or off AI Dispensing on all drugs for a tower.&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <select id="ai-disp-dafe-list" name="ai-disp-dafe-list">
                            <option value="">&nbsp;</option>
                            {% for item in dafe_list %}
                            <option value="{{ item.id }}">{{ item.display_name }}</option>
                            {% endfor %}
                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-activate-ai-disp-all-pill-sig" name="btn-activate-ai-disp-all-pill-sig" style="height: 40px;">
                            Activate for All Sigs
                        </button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn" id="btn-deactivate-ai-disp-all-pill-sig" name="btn-deactivate-ai-disp-all-pill-sig" style="height: 40px;">
                            Deactivate for All Sigs
                        </button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>
        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set Standard Recipe on All Pill Sigs</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click the button below to replace all pill sig settings with the Standard Recipe on all drugs for a tower.&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <select id="std-recipe-dafe-list" name="std-recipe-dafe-list">
                            <option value="">&nbsp;</option>
                            {% for item in dafe_list %}
                            <option value="{{ item.id }}">{{ item.display_name }}</option>
                            {% endfor %}
                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-replace-all-std-recipe-pill-sig" name="btn-replace-all-std-recipe-pill-sig" style="height: 40px;">
                            Set Standard Recipe for All Pill Sigs
                        </button>&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
            </table>
        </div>

        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Deactivate All Pill Sigs</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Click this button to set all pill signatures for a selected dafe to inactive. Used when decommissioning or moving a tower.&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        <select id="deactivate-dafe-list" name="deactivate-dafe-list">
                            <option value="">&nbsp;</option>
                            {% for item in all_dafe_list %}
                            <option value="{{ item.id }}">{{ item.display_name }} {% if not item.active %}(inactive){% endif %}</option>
                            {% endfor %}
                        </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-deactivate-all-pill-sig" name="btn-deactivate-all-pill-sig" style="height: 40px;">
                            Deactivate All Pill Sigs</button>&nbsp;&nbsp;&nbsp;&nbsp;
                        <button class="btn" id="btn-reactivate-all-pill-sig" name="btn-reactivate-all-pill-sig" style="height: 40px;">
                            Oops! Re-activate All Pill Sigs</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>

        <div>
            <table style="width: 95%; height: 60px; padding: 3px;">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Change Allowed Blister Types for ALL drugs</caption>
                <tr>
                    <td style="padding: 3px; margin-bottom: 5px;">
                        Select allowed blister types that should be allowed for every drug, then hit apply. <span style="font-weight: bold">*Overrides currently allowed blister types*</span>&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td style="width: 50%;">
                        <table class="table table-bordered">
                            <tr>
                                <th>Tag</th>
                                <th>Description</th>
                                <th>Active</th>
                            </tr>
                            <tr>
                                <td>Default</td>
                                <td>Default Blister Type</td>
                                <td><input type="checkbox" id="DEFAULT-drug-allowed-blister-type" name="DEFAULT-drug-allowed-blister-type" value="DEFAULT"></td>
                            </tr>
                            {% for package in package_list %}
                                <tr>
                                    <td>{{ package.tag }}</td>
                                    <td>{{ package.description }}</td>
                                    <td>
                                        <input type="checkbox" id="{{ package.id }}-drug-allowed-blister-type" name="{{ package.id }}-drug-allowed-blister-type" value="{{ package.tag }}">
                                    </td>
                                </tr>
                            {% endfor %}
                        </table>
                    </td>
                    <td>
                        <button class="btn" id="btn-apply-allowed-blister-type" name="btn-apply-allowed-blister-type" style="height: 40px; margin-left: 20px;">Apply</button>
                    </td>
                </tr>
            </table>
        </div>

        <br/>

        <div>
            <table style="width: 95%; padding: 3px;" class="table table-bordered">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set Active Packages</caption>
                <tr>
                    <th>Tag</th>
                    <th>Description</th>
                    <th>Active</th>
                </tr>
                {% for blister in blister_list %}
                <tr>
                    <td>{{ blister.tag }}</td>
                    <td>{{ blister.description }}</td>
                    <td><input type="checkbox" id="{{ blister.id }}-act-package" name="{{ blister.id }}-act-package" value="{{ blister.id }}"
                             {% if blister.active %}checked="checked"{% endif %}></td>
                </tr>
                {% endfor %}
            </table>
        </div>
        <br/>
        <div>
            <table style="width: 95%; padding: 3px;" class="table table-bordered">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set Volumetrics Defaults</caption>
                <tr>
                    <th>Tag</th>
                    <th>Description</th>
                    <th>Default Volume Count</th>
                </tr>
                {% for cup in blister_cup_size_list %}
                <tr>
                    <td>{{ cup.tag }}</td>
                    <td>{{ cup.description }}</td>
                    <td><input type="number" min="1" max="1000" id="{{ cup.id }}-default-volume" name="{{ cup.id }}-default-volume" value="{{ cup.default_volume_count }}"></td>
                </tr>
                {% endfor %}
            </table>
        </div>
        <div>
            <table style="width: 95%; padding: 3px;" class="table table-bordered">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Set Active Tower Order Processing Type</caption>
                <tr>
                    <th>Tag</th>
                    <th>Description</th>
                    <th>Active</th>
                </tr>
                {% for proctype in order_proc_type_list %}
                <tr>
                    <td>{{ proctype.tag }}</td>
                    <td>{{ proctype.description }}</td>
                    <td><input type="checkbox" id="{{ proctype.id }}-active-proc-type" name="{{ proctype.id }}-active-proc-type" value="{{ proctype.id }}"
                             {% if proctype.active %}checked="checked"{% endif %}></td>
                </tr>
                {% endfor %}
            </table>
        </div>
        <br/>
        <div>
            <table style="width: 95%; padding: 3px;" class="table table-bordered">
                <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">DbMonitor Settings&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp*** RESTART after changes ***</caption>
                {{ dbmonitor_form.management_form }}
                <tr>
                    <th>Tag</th>
                    <th>Timeout</th>
                    <th>Run At Start</th>
                    <th>Active</th>
                </tr>
                {% for dbm in dbmonitor_form %}
                <tr>
                    <td>{{ dbm.id }}{{ dbm.tag }}{{ dbm.tag.value }}</td>
                    <td>{{ dbm.timeout }}</td>
                    <td>{{ dbm.run_at_start }}</td>
                    <td>{{ dbm.active }}</td>
                </tr>
                {% endfor %}
            </table>
        </div>
    </form>
<div id="confirm-allowed-blister-type-change" title="Confirm Change" style="margin-left: 2px; display:none;">
    <span  name="confirm-request-type" id="confirm-request-type" style="width: auto; height: 40px; margin-bottom: 0px;">
        <span style="font-size: 1em">Confirm changing <span style="font-weight: bolder">ALL</span> pharmaceutical allowed blister types at once?</span>
    </span>
    <span style="width: 75px; display:inline-block;">&nbsp;</span>
</div>
{% endblock %}