{% extends "hmi-base.html" %}


{% block header-extras %}
    {{ block.super }}
    <script>
        function diagButtonUpdate() {
            if($("#allStopped").val() == "Y") {
                $("#user-maint-button").removeAttr("disabled");
            } else {
                $("#user-maint-button").attr("disabled", "disabled");
            }
        }

        $(function () {
            $("#form_submit_button").val("");
            diagButtonUpdate();

            $("#contact-info").dialog({
                autoOpen: false,
                closeOnEscape: false,
                modal: true,
                position: {
                    my: "center top",
                    at: "center top",
                    of: window
                },
                draggable: false,
                buttons: [
                    {
                        text: "Close",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#contact-info-button").click(function () {
                $("#contact-info").dialog("open");
            });

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

            $("#restart-software-button").click(function () {
                $("#confirm-action-name").text("Restart Software");
                $("#form_submit_button").val("restart-software");
                $("#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");
            });

            $("#user-maint-button").click(function () {
                window.location.href = "/hmi/usermaintenance/"
            });

            var stoppedtimer;

            stoppedtimer = setInterval(function () {
                diagButtonUpdate()
            }, 1000);
            /*1 seconds*/
        });
    </script>
{% 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="contact-info" title="Customer Service Info">
        <fieldset class="titled-border-fieldset-contact">
            <legend class="titled-border-legend">
                Mailing Address
            </legend>
            <p class="contact-info-paragraph">
                Manchac Technologies, LLC
                <br/>
                1115 Second Street
                <br/>
                Alexandria, LA 71301
            </p>
        </fieldset>
        <fieldset class="titled-border-fieldset-contact">
            <legend class="titled-border-legend">
                Customer Support
            </legend>
            <p class="contact-info-paragraph">
                support@manchac.com
                <br/>
                877-MANCHAC
                <br/>
                (877.626.2422)
            </p>
        </fieldset>
        <fieldset class="titled-border-fieldset-contact">
            <legend class="titled-border-legend">
                Sales
            </legend>
            <p class="contact-info-paragraph">
                sales@manchac.com
                <br/>
                877-MANCHAC
                <br/>
                (877.626.2422)
            </p>
        </fieldset>
    </div>
    <form name="maintenanceDisplayForm" id="maintenanceDisplayForm" method="post">
        {% csrf_token %}
        <div class="grey-background">
            <table style="width: 100%;">
                <tr>
                    <td class="maintenance-top-cell">
                        <fieldset class="titled-border-fieldset-top">
                            <legend class="titled-border-legend">
                                User Maintenance
                            </legend>
                            <table class="user-maintenance-table">
                                <tr>
                                    <td align="center">
                                        <button id="user-maint-button" name="user-maint-button" class="user-maintenance-button" type="button">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_configure.png"> Launch User Tools
                                        </button>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <button id="contact-info-button" name="contact-info-button" type="button" class="user-maintenance-button">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_action_info.png"> Customer Service Info
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                    <td class="maintenance-top-cell">
                        <fieldset class="titled-border-fieldset-top">
                            <legend class="titled-border-legend">
                                Emergency Stop
                            </legend>
                            <table class="user-maintenance-table">
                                <tr>
                                    <td align="center">
                                        <p class="estop-warning-text">
                                            Warning! Hitting this button will void active filling processes
                                        </p></td>
                                </tr>
                                <tr>
                                    <td align="center">
                                        <button id="estop-button" name="estop-button" class="estop-button">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/emergency_stop_large.png">
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>
                <tr>
                    <td class="maintenance-middle-cell" colspan="2">
                        <fieldset class="titled-border-fieldset-middle">
                            <legend class="titled-border-legend">
                                Computer System
                            </legend>
                            <table class="user-maintenance-table">
                                <tr>
                                    <td align="center">
                                        <!--button id="restart-software-button" name="restart-software-button" type="button" class="reset-button">
                                            <table>
                                                <tr>
                                                    <td class="reset-button-cell"><img class="img-rounded" src="{{ STATIC_URL }}img/quick_restart.png"></td>
                                                    <td class="reset-button-cell">Restart Software</td>
                                                </tr>
                                            </table>
                                        </button-->
                                    </td>
                                    <td align="center">
                                        &nbsp;
                                    </td>
                                    <td align="center">
                                        <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 Computer</td>
                                                </tr>
                                            </table>
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>
                <tr>
                    <td class="maintenance-bottom-cell" colspan="2">
                        <fieldset class="titled-border-fieldset-bottom">
                            <legend class="titled-border-legend">
                                Operation
                            </legend>
                            <table class="user-maintenance-table">
                                <tr>
                                    <td align="center">
                                        <button id="run-button" name="run-button" class="action-button">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_run.png"> Run
                                        </button>
                                    </td>
                                    <td align="center">
                                        <button id="pause-button" name="pause-button" class="action-button">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_pause.png"> Pause
                                        </button>
                                    </td>
                                    <td align="center">
                                        <button id="stop-button" name="stop-button" class="action-button">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_stop.png"> Stop
                                        </button>
                                    </td>
                                </tr>
                            </table>
                        </fieldset>
                    </td>
                </tr>
            </table>
        </div>
        <input type="hidden" name="form_submit_button" id="form_submit_button" value=""/>
    </form>
{% endblock %}