{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function perform_action_all(action) {
            let dafe_ids = [{% for dafe in dafe_blister_list %}{{ dafe.dafe_id }},{%endfor%}]
            for (const dafe of dafe_ids) {
                if (action === 'run'){
                    $.post("{% url 'site:run-dafe-from-web' %}", {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        dafe_id: dafe
                    });
                } else if (action === 'pause'){
                    $.post("{% url 'site:pause-dafe-from-web' %}", {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        dafe_id: dafe
                    });
                } else if (action === 'stop') {
                    $.post("{% url 'site:stop-dafe-from-web' %}", {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        dafe_id: dafe
                    });
                } else if (action === 'reboot') {
                    $.post("{% url 'site:reboot-dafe-from-web' %}", {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        dafe_id: dafe
                    });
                } else if (action === 'shutdown') {
                    $.post("{% url 'site:shutdown-dafe-from-web' %}", {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                        dafe_id: dafe
                    });
                }
            }
        }

        $(function () {
            if (!$('#id_prepack_mgr_bypass').prop('checked')) {
                $('#id_prepack_mgr_cycle_enabled').prop('disabled', true);
                $('#id_prepack_mgr_demand_enabled').prop('disabled', true);
            }

            $("#confirm-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            $("#systemSettingsForm").submit();
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $('#confirm-all-dialog').dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: 'Yes',
                        'class': 'dialog-button',
                        click: function() {
                            let action = $('#confirm-all-action').text().split(' ')[0].toLowerCase();
                            perform_action_all(action)
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            })

            $("#confirm-dafe-reboot-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            var dafeid = $("#form_submit_button").val().replace("-reboot-button", "");
                            $.post("{% url 'site:reboot-dafe-from-web' %}", {
                                csrfmiddlewaretoken: '{{csrf_token}}',
                                dafe_id: dafeid
                            });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#confirm-dafe-shutdown-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            var dafeid = $("#form_submit_button").val().replace("-shutdown-button", "");
                            $.post("{% url 'site:shutdown-dafe-from-web' %}", {
                                csrfmiddlewaretoken: '{{csrf_token}}',
                                dafe_id: dafeid
                            });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#confirm-dafe-pause-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            var dafeid = $("#form_submit_button").val().replace("-pause-button", "");
                            $.post("{% url 'site:pause-dafe-from-web' %}", {
                                csrfmiddlewaretoken: '{{csrf_token}}',
                                dafe_id: dafeid
                            });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#confirm-dafe-stop-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            var dafeid = $("#form_submit_button").val().replace("-stop-button", "");
                            $.post("{% url 'site:stop-dafe-from-web' %}", {
                                csrfmiddlewaretoken: '{{csrf_token}}',
                                dafe_id: dafeid
                            });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#confirm-dafe-run-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            var dafeid = $("#form_submit_button").val().replace("-run-button", "");
                            $.post("{% url 'site:run-dafe-from-web' %}", {
                                csrfmiddlewaretoken: '{{csrf_token}}',
                                dafe_id: dafeid
                            });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("#clear-report-filters-button").click(function (event) {
                $.post("{% url 'site:clear-session' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#force-batch-print").click(function (event) {
                $.post("{% url 'site:queue-held-labels' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#shutdown-computer-button").click(function () {
                $("#confirm-action-name").text("Shutdown Computer");
                $("#form_submit_button").val("shutdown-computer");
                $("#confirm-dialog").dialog("open");
            });

            $("#reboot-computer-button").click(function () {
                $("#confirm-action-name").text("Reboot Computer");
                $("#form_submit_button").val("reboot-computer");
                $("#confirm-dialog").dialog("open");
            });

            $("[id$='-reboot-button']").click(function () {
                $("#confirm-dafe-reboot-action-name").text("Reboot Tower " + $(this).attr("value"));
                $("#form_submit_button").val($(this).attr("id"));
                $("#confirm-dafe-reboot-dialog").dialog("open");
            });

            $("[id$='-shutdown-button']").click(function () {
                $("#confirm-dafe-shutdown-action-name").text("Shutdown Tower " + $(this).attr("value"));
                $("#form_submit_button").val($(this).attr("id"));
                $("#confirm-dafe-shutdown-dialog").dialog("open");
            });

            $("[id$='-pause-button']").click(function () {
                $("#confirm-dafe-pause-action-name").text("Pause Tower " + $(this).attr("value"));
                $("#form_submit_button").val($(this).attr("id"));
                $("#confirm-dafe-pause-dialog").dialog("open");
            });

            $("[id$='-stop-button']").click(function () {
                $("#confirm-dafe-stop-action-name").text("Stop Tower " + $(this).attr("value"));
                $("#form_submit_button").val($(this).attr("id"));
                $("#confirm-dafe-stop-dialog").dialog("open");
            });

            $("[id$='-run-button']").click(function () {
                $("#confirm-dafe-run-action-name").text("Run Tower " + $(this).attr("value"));
                $("#form_submit_button").val($(this).attr("id"));
                $("#confirm-dafe-run-dialog").dialog("open");
            });

            $("[id$='-all-dafe']").click(function() {
                let action = $(this).attr("id").split('-')[0];
                action = action.charAt(0).toUpperCase() + action.slice(1);
                let num_towers = $('[id*="-run-button"]').length;
                $("#confirm-all-action").text(action + ' ' + num_towers + " Towers?");
                $("#confirm-all-dialog").dialog("open");
            })

            $("#cancel-all-requests-queued").click(function () {
                $("#confirm-action-name").text("Cancel All Queued Requests");
                $("#form_submit_button").val("cancel-all-requests");
                $("#confirm-dialog").dialog("open");
            });

            $("#print-cancel-all-requests-queued").click(function () {
                $("#confirm-action-name").text("Print & Cancel All Queued Requests");
                $("#form_submit_button").val("print-cancel-all-requests");
                $("#confirm-dialog").dialog("open");
            });

            $("[id$='-blister-select']").change(function (event) {
                var dafeid = $(this).attr("id").replace("-blister-select", "");
                $.post("{% url 'site:update-dafe-blister' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    dafe_id: dafeid,
                    blister: $(this).val()
                });
            });

            $("[id$='-order-processing']").change(function (event) {
                var dafeid = $(this).attr("id").replace("-order-processing", "");
                $.post("{% url 'site:update-dafe-order-processing' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    dafe_id: dafeid,
                    order_processing: $(this).val()
                },
                function(data) {
                    $("#" + dafeid + "-order-proc-type").html(data);
                    if (data.length > 0) {
                        $("#" + dafeid + "-order-proc-type").show();
                    }
                });
            });

            {% for dafe in dafe_blister_list %}
                {% if dafe.show_order_type_select == True %}
                 $.post("{% url 'site:update-dafe-order-processing' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    dafe_id: '{{ dafe.dafe_id }}',
                    order_processing: '{{ dafe.order_processing }}'
                },
                function(data) {
                    $("#{{ dafe.dafe_id }}-order-proc-type").html(data);
                    if (data.length > 0) {
                        $("#{{ dafe.dafe_id }}-order-proc-type").show();
                    }
                });
                {% endif %}
            {% endfor %}


            $("[id$='-allow-filling']").change(function (event) {
                var dafeid = $(this).attr("id").replace("-allow-filling", "");
                $.post("{% url 'site:update-dafe-allow-filling' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    dafe_id: dafeid,
                    field_val: $(this).prop("checked")
                });
            });

            $("[id$='-allow-lid-print']").change(function (event) {
                var dafeid = $(this).attr("id").replace("-allow-lid-print", "");
                $.post("{% url 'site:update-dafe-allow-lid-print' %}", {
                    csrfmiddlewaretoken: '{{csrf_token}}',
                    dafe_id: dafeid,
                    field_val: $(this).prop("checked")
                });
            });

            $("#id_allow_automation").change(function (event) {
                $.post("{% url 'site:settings-update-interface-switch' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'allow_automation',
                            field_val: $(this).prop("checked")});
            });

            $("#id_allow_bypass_printing").change(function (event) {
                $.post("{% url 'site:settings-update-interface-switch' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'allow_bypass_printing',
                            field_val: $(this).prop("checked")});
            });

            $("#id_auto_add_prepacks").change(function (event) {
                $.post("{% url 'site:settings-update-prepack-mgr' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'auto_add_prepacks',
                            field_val: $(this).prop("checked")});
            });

            $("#id_prepack_mgr_cycle_enabled").change(function (event) {
                $.post("{% url 'site:settings-update-prepack-mgr' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'prepack_mgr_cycle_enabled',
                            field_val: $(this).prop("checked")});
            });

            $("#id_prepack_mgr_demand_enabled").change(function (event) {
                $.post("{% url 'site:settings-update-prepack-mgr' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'prepack_mgr_demand_enabled',
                            field_val: $(this).prop("checked")});
            });

            $("#id_prepack_mgr_bypass").change(function (event) {
                let checked = $(this).prop("checked");
                $.post("{% url 'site:settings-update-prepack-mgr' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'prepack_mgr_bypass',
                            field_val: checked});
                if (checked) {
                    $('#id_prepack_mgr_cycle_enabled').prop('disabled', false);
                    $('#id_prepack_mgr_demand_enabled').prop('disabled', false);
                } else {
                    $('#id_prepack_mgr_cycle_enabled').prop('disabled', true);
                    $('#id_prepack_mgr_demand_enabled').prop('disabled', true);
                }
            });

            $("#id_prepack_mgr_force_on").change(function (event) {
                $.post("{% url 'site:settings-update-prepack-mgr' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'prepack_mgr_force_on',
                            field_val: $(this).prop("checked")});
            });

            $('#id_que_throttle_dafes_available').change(function (event) {
                let throttle_dafes = parseInt($(this).val());
                // do nothing if negative, we do not support negative # of towers
                if (throttle_dafes >= 0) {
                    $(this).val(throttle_dafes)
                    //TODO: does this need special logic for if they are setting it to zero? (warning of some kind)
                    $.ajax({
                        url: "{% url 'site:settings-update-queue-throttle-dafe' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            num_dafes: throttle_dafes
                        },
                        success: function (data) {

                        }
                    })
                }
            })

            // prevent enter key from refreshing page if hit while changing throttle dafe
            $(document).on('keydown', function(e) {
                if (e.key === 'Enter' && $('#id_que_throttle_dafes_available').is(':focus')) {
                    e.preventDefault();
                }
            });

            function update_dafe_status(){
                $.ajax({
                    url: "{% url 'site:get-dafe-status' %}",
                    type: "POST",
                    data: {
                        csrfmiddlewaretoken: '{{csrf_token}}',
                    },
                    success: function (data, status, jqXHR) {
                        Object.keys(data).forEach(function(key) {
                            let node = document.getElementById("status-" + key)
                            if( node != null){
                                if(data[key] == null){
                                    node.innerText = 'RUNNING';
                                } else {
                                    node.innerText = data[key];
                                }
                            }
                        })
                    }
                })
            }
            setInterval(update_dafe_status, 10000);
        });
    </script>
{% endblock %}

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

{% block content %}
    <div id="confirm-dialog" title="Confirm Action">
        <p id="confirm-action-name" name="confirm-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    <div id="confirm-all-dialog" title="Confirm Action">
        <p id="confirm-all-action" name="confirm-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    <div id="confirm-dafe-reboot-dialog" title="Confirm Reboot">
        <p id="confirm-dafe-reboot-action-name" name="confirm-dafe-reboot-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    <div id="confirm-dafe-shutdown-dialog" title="Confirm Shutdown">
        <p id="confirm-dafe-shutdown-action-name" name="confirm-dafe-shutdown-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    <div id="confirm-dafe-pause-dialog" title="Pause Tower">
        <p id="confirm-dafe-pause-action-name" name="confirm-dafe-pause-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    <div id="confirm-dafe-stop-dialog" title="Stop Tower">
        <p id="confirm-dafe-stop-action-name" name="confirm-dafe-stop-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    <div id="confirm-dafe-run-dialog" title="Start Tower">
        <p id="confirm-dafe-run-action-name" name="confirm-dafe-run-action-name">
            Action Requested
        </p>

        <p>
            Are you sure?
        </p>
    </div>
    {% if show_protected_items %}
    <form id="systemSettingsForm" name="systemSettingsForm" method="POST">
        {% csrf_token %}
        <div id="canister-info" class="well replen-panel">
            <table style="width: 100%;">
                <tr>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">PMIS
                                Settings
                            </caption>
                            <tr>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.allow_automation }} Interface Dispensing On
                                </td>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.allow_bypass_printing }} Automatic Bypass Printing On
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>{% if showReboot %}
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Site Server
                                Shutdown/Reboot
                            </caption>
                            <tr>
                                <td>
                                    <button class="settings-button" id="shutdown-computer-button"
                                            name="shutdown-computer-button"
                                            type="button">
                                        <table class="settings-button-table">
                                            <tr>
                                                <td class="settings-bottom-button-cell"><img class="img-rounded"
                                                                                             src="{{ STATIC_URL }}img/cc_shutdown.png">
                                                </td>
                                                <td class="settings-bottom-button-cell">Shutdown Site Server</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="reboot-computer-button" name="reboot-computer-button" type="button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/reboot.png">
                                                </td>
                                                <td class="reset-button-cell">Reboot Site Server</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                            </tr>
                        </table>
                        {% else %}&nbsp;{% endif %}
                    </td>
                </tr>
                {% if show_prepack_manager or show_queue_throttle %}
                <tr>
                    {% if show_prepack_manager %}
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Prepack Manager Settings
                            </caption>
                            <tr>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.auto_add_prepacks }} Automatically Add Prepacks to Wall Inventory
                                </td>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.prepack_mgr_cycle_enabled }} Allow Cycle Rx to Remove from Prepack Wall
                                </td>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.prepack_mgr_demand_enabled }} Allow Demand Rx to Remove from Prepack Wall
                                </td>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.prepack_mgr_bypass }} Allow labels to bypass for Prepack Wall
                                </td>
                                <td style="padding: 3px; margin-bottom: 5px;">
                                    {{ setting_form.prepack_mgr_force_on }} Allow Prepack manager to work regardless of time settings
                                </td>
                            </tr>
                        </table>
                    </td>
                    {% else %}
                    <td>&nbsp;</td>
                    {% endif %}

                    {% if show_queue_throttle %}
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Queue Throttle</caption>
                            <tr>
                                <td>
                                    {{setting_form.que_throttle_dafes_available}}
                                </td>
                                <td>
                                    Number of Towers to use for Queue Throttling Calculations
                                </td>
                            </tr>
                        </table>
                    </td>
                    {% else %}
                    <td>&nbsp;</td>
                    {% endif %}
                </tr>
                {% endif %}
                <tr>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Cancel All in Request Queue
                            </caption>
                            <tr>
                                <td>
                                    <button id="cancel-all-requests-queued" name="cancel-all-requests-queued" type="button"
                                            class="reset-button" style="height: 40px;">
                                        Cancel All Requests in Queue
                                    </button>
                                </td>
                                <td>
                                    <button id="print-cancel-all-requests-queued" name="print-cancel-all-requests-queued" type="button"
                                            class="reset-button" style="height: 40px;">
                                        Print & Cancel All Requests in Queue
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>{% if showForcePrint %}
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Print Queue Manual Release
                            </caption>
                            <tr>
                                <td>
                                    <button id="force-batch-print" name="force-batch-print" type="button"
                                            class="reset-button" style="height: 40px;">
                                        Print Queue Release
                                    </button>
                                </td>
                            </tr>
                        </table>{% endif %}
                    </td>
                </tr>
                <tr>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Reset Services
                            </caption>
                            <tr>
                                <td>
                                    <button id="stop-interface-button" name="stop-interface-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Stop PMIS Service</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="reset-interface-button" name="reset-interface-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Reset PMIS</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="reset-dbmonitor-button" name="reset-dbmonitor-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Reset DbMonitor</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="reset-printservice-button" name="reset-printservice-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Reset Printservice</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="start-vpn-button" name="start-vpn-button" class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell">
                                                    <img class="img-rounded" src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Start VPN</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Clear Report Filters
                            </caption>
                            <tr>
                                <td>
                                    <button id="clear-report-filters-button" name="clear-report-filters-button" type="button"
                                            class="reset-button" style="height: 40px;">
                                        Clear Report Filters
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;" class="table table-condensed">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Change Tower Parameters</caption>
                            <thead>
                                <th>Tower</th>
                                <th>Blister</th>
                                {% if show_order_processing %}
                                    <th>Order Processing</th>
                                {% endif %}
                                {% if show_disable_lid_print_header %}
                                    <th>Print Lids?</th>
                                {% endif %}
                                {% if show_allow_filling %}
                                    <th>Allow Filling?</th>
                                {% endif %}
                            </thead>
                            <tbody>
                            {% for dafe in dafe_blister_list %}
                            <tr>
                                <td style="padding-bottom: 6px;"><b>{{ dafe.dafe_name }}</b></td>
                                <td style="padding-bottom: 6px;">
                                <select name="{{ dafe.dafe_id }}-blister-select" id="{{ dafe.dafe_id }}-blister-select" style="width: auto;">
                                    {% if dafe.curr_card not in blister_tags %}
                                        <option style="color: red" value="{{ dafe.curr_card }}" {% if dafe.curr_card == blister.tag %}selected{% endif %}>{{ dafe.curr_card_description }}</option>
                                    {% endif %}
                                    {% for blister in blister_list %}
                                        <option value="{{ blister.tag }}" {% if dafe.curr_card == blister.tag %}selected{% endif %}>{{ blister.description }}</option>
                                    {% endfor %}
                                </select></td>
                                {% if show_order_processing %}
                                <td style="padding-bottom: 6px;">
                                <select name="{{ dafe.dafe_id }}-order-processing" id="{{ dafe.dafe_id }}-order-processing" style="width: auto;">
                                    {% for type in order_processing_list %}
                                        <option value="{{ type.id }}" {% if dafe.order_processing == type.id %}selected{% endif %}>{{ type.description }}</option>
                                    {% endfor %}
                                </select>&nbsp;&nbsp;&nbsp;<div id="{{ dafe.dafe_id }}-order-proc-type" name="{{ dafe.dafe_id }}-order-proc-type" style="display: none;">&nbsp;</div></td>
                                {% endif %}
                                {% if show_disable_lid_print_header %}
                                    {% if dafe.dafe_type == 'U60' and dafe.can_disable_lid_print %}
                                <td><input type="checkbox" name="{{ dafe.dafe_id }}-allow-lid-print" id="{{ dafe.dafe_id }}-allow-lid-print"
                                                value="{{ dafe.dafe_id }}" {% if dafe.allow_lid_print == True %}checked{% endif %}> Print Lids?</td>
                                        {% else %}
                                        <td>&nbsp;</td>
                                        {% endif %}
                                {% endif %}
                                {% if show_allow_filling %}
                                <td><input type="checkbox" name="{{ dafe.dafe_id }}-allow-filling" id="{{ dafe.dafe_id }}-allow-filling"
                                                value="{{ dafe.dafe_id }}" {% if dafe.allow_filling == True %}checked{% endif %}> Allow Filling?</td>
                                {% endif %}
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </td>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Tower Status</caption>
                        {% if dafe_blister_list|length > 1 %}
                            <tr style="height: 60px;">
                                <td>ALL</td>&nbsp;
                                <td>&nbsp;</td>
                                <td>
                                    <button title="Reboot All Towers" id="reboot-all-dafe" name="reboot-all-dafe" type="button">
                                        <i class="icon-repeat"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Pause All Towers" id="pause-all-dafe" name="pause-all-dafe" type="button" style="background-color: #f6d258;">
                                        <i class="icon-pause"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Start All Towers" id="run-all-dafe" name="run-all-dafe" type="button" style="background-color: #44ba85;">
                                        <i class="icon-play"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Stop All Towers" id="stop-all-dafe" name="stop-all-dafe" type="button" style="background-color: #c02025;">
                                        <i class="icon-stop"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Shutdown All Towers" id="shutdown-all-dafe" name="shutdown-all-dafe" type="button">
                                        <i class="icon-off"></i>
                                    </button>
                                </td>
                            </tr>
                        {% endif %}
                        {% for dafe in dafe_blister_list %}
                            <tr style="height: 60px;">
                                <td>{{ dafe.dafe_name }}</td>&nbsp;
                                {% if dafe.dafe_state is None %}
                                    <td id="status-{{dafe.dafe_id}}">RUNNING</td>
                                {% else %}
                                    <td id="status-{{dafe.dafe_id}}">{{ dafe.dafe_state }}</td>
                                {% endif %}
                                <td>
                                    <button title="Reboot {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-reboot-button" name="{{ dafe.dafe_id }}-reboot-button" value="{{dafe.dafe_name}}" type="button">
                                        <i class="icon-repeat"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Pause {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-pause-button" name="{{ dafe.dafe_id }}-pause-button" value="{{dafe.dafe_name}}" type="button" style="background-color: #f6d258;">
                                        <i class="icon-pause"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Start {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-run-button" name="{{ dafe.dafe_id }}-run-button" value="{{dafe.dafe_name}}" type="button" style="background-color: #44ba85;">
                                        <i class="icon-play"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Stop {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-stop-button" name="{{ dafe.dafe_id }}-stop-button" value="{{dafe.dafe_name}}" type="button" style="background-color: #c02025;">
                                        <i class="icon-stop"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Shutdown {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-shutdown-button" name="{{ dafe.dafe_id }}-shutdown-button" value="{{dafe.dafe_name}}" type="button">
                                        <i class="icon-off"></i>
                                    </button>
                                </td>
                            </tr>
                        {% endfor %}
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <input type="hidden" name="form_submit_button" id="form_submit_button" value=""/>
    </form>
    {% else %}
    <form id="systemSettingsForm" name="systemSettingsForm" method="POST">
        {% csrf_token %}
        <div id="canister-info" class="well replen-panel">
            <table style="width: 100%;">
                <tr>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Reset Services
                            </caption>
                            <tr>
                                <td>
                                    <button id="reset-interface-button" name="reset-interface-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Reset PMIS</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="reset-dbmonitor-button" name="reset-dbmonitor-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Reset DbMonitor</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="reset-printservice-button" name="reset-printservice-button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Reset Printservice</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                                <td>
                                    <button id="start-vpn-button" name="start-vpn-button" class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell">
                                                    <img class="img-rounded" src="{{ STATIC_URL }}img/cc_app_kget.png">
                                                </td>
                                                <td class="reset-button-cell">Start VPN</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td>{% if showReboot %}
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Site Server Reboot
                            </caption>
                            <tr>
                                <td>
                                    <button id="reboot-computer-button" name="reboot-computer-button" type="button"
                                            class="reset-button">
                                        <table>
                                            <tr>
                                                <td class="reset-button-cell"><img class="img-rounded"
                                                                                   src="{{ STATIC_URL }}img/reboot.png">
                                                </td>
                                                <td class="reset-button-cell">Reboot Site Server</td>
                                            </tr>
                                        </table>
                                    </button>
                                </td>
                            </tr>
                        </table>
                        {% else %}&nbsp;{% endif %}
                    </td>
                </tr>
                <tr>
                    <td>
                        
                    </td>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Clear Report Filters
                            </caption>
                            <tr>
                                <td>
                                    <button id="clear-report-filters-button" name="clear-report-filters-button" type="button"
                                            class="reset-button" style="height: 40px;">
                                        Clear Report Filters
                                    </button>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <table style="width: 95%; height: 60px; padding: 3px;">
                            <caption style="font-weight: bold; text-align: left; border-bottom: 1px solid black;">Tower Status</caption>
                        {% if dafe_blister_list|length > 1 %}
                            <tr style="height: 60px;">
                                <td>ALL</td>&nbsp;
                                <td>&nbsp;</td>
                                <td>
                                    <button title="Reboot All Towers" id="reboot-all-dafe" name="reboot-all-dafe" type="button">
                                        <i class="icon-repeat"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Pause All Towers" id="pause-all-dafe" name="pause-all-dafe" type="button" style="background-color: #f6d258;">
                                        <i class="icon-pause"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Start All Towers" id="run-all-dafe" name="run-all-dafe" type="button" style="background-color: #44ba85;">
                                        <i class="icon-play"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Stop All Towers" id="stop-all-dafe" name="stop-all-dafe" type="button" style="background-color: #c02025;">
                                        <i class="icon-stop"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Shutdown All Towers" id="shutdown-all-dafe" name="shutdown-all-dafe" type="button">
                                        <i class="icon-off"></i>
                                    </button>
                                </td>
                            </tr>
                        {% endif %}
                        {% for dafe in dafe_blister_list %}
                            <tr style="height: 60px;">
                                <td>{{ dafe.dafe_name }}</td>&nbsp;
                                {% if dafe.dafe_state is None %}
                                    <td id="status-{{dafe.dafe_id}}">RUNNING</td>
                                {% else %}
                                    <td id="status-{{dafe.dafe_id}}">{{ dafe.dafe_state }}</td>
                                {% endif %}
                                <td>
                                    <button title="Reboot {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-reboot-button" name="{{ dafe.dafe_id }}-reboot-button" value="{{dafe.dafe_name}}" type="button">
                                        <i class="icon-repeat"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Pause {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-pause-button" name="{{ dafe.dafe_id }}-pause-button" value="{{dafe.dafe_name}}" type="button" style="background-color: #f6d258;">
                                        <i class="icon-pause"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Start {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-run-button" name="{{ dafe.dafe_id }}-run-button" value="{{dafe.dafe_name}}" type="button" style="background-color: #44ba85;">
                                        <i class="icon-play"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Stop {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-stop-button" name="{{ dafe.dafe_id }}-stop-button" value="{{dafe.dafe_name}}" type="button" style="background-color: #c02025;">
                                        <i class="icon-stop"></i>
                                    </button>
                                </td>
                                <td>
                                    <button title="Shutdown {{ dafe.dafe_name }}" id="{{ dafe.dafe_id }}-shutdown-button" name="{{ dafe.dafe_id }}-shutdown-button" value="{{dafe.dafe_name}}" type="button">
                                        <i class="icon-off"></i>
                                    </button>
                                </td>
                            </tr>
                        {% endfor %}
                        </table>
                    </td>
                </tr>
            </table>
        </div>
        <input type="hidden" name="form_submit_button" id="form_submit_button" value=""/>
    </form>
    {% endif %}
    </div>
{% endblock %}