{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {

            $("#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-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");
            });

            $("#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_enabled").change(function (event) {
                $.post("{% url 'site:settings-update-prepack-mgr' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            field_type: 'prepack_mgr_enabled',
                            field_val: $(this).prop("checked")});
            });

            $("#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")});
            });

            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-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>
    <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 %}
                <tr>
                    <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_enabled }} Manually Enable/Disable Prepack Manager
                                </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>
                    <td>&nbsp;</td>
                </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>
                            </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>
                                <th>Order Processing</th>
                                {% 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>
                                <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>
                                {% 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>
                        {% 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>
    </div>
{% endblock %}