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


{% block header-extras %}
    <script>
        function send_train_command(command) {
            $.post("{% url 'L60Train:train-command' %}", {
                command: command,
                data: 'Y',
                csrfmiddlewaretoken: '{{csrf_token}}'
            });
        }

        function perform_train_action(command) {
            $.post("{% url 'L60Train:train-perform-action' %}", {
                command: command,
                csrfmiddlewaretoken: '{{csrf_token}}'
            });
        }

        $(function () {
            $("#exit-button").click(function () {
                window.location.href = "{% url 'L60Train:train-menu' %}";
            });

            $("#train-axis-stop").click(function () {
                send_train_command('train-axis-stop');
            });

            $("button[name^='test']").click(function () {
                var value = $(this).val();
                perform_train_action(value);
            });

        });
    </script>
{% endblock %}

{% block pagehead %}
    <h3 class="site-deck" style="text-align: center;">L60 System Testing -- {{ current_dafe.display_name }}</h3>
{% endblock %}

{% block content %}
    <form name="testSystemForm" id="testSystemForm" method="post" style="margin-bottom: 0;">
    {% csrf_token %}
    <div class="well well-small" style="margin-bottom: 0; margin-top: 0; padding: 2px;">
    <table style="width: 100%; height: 550px;">
    <tr>
    <td style="border-right: thin solid #000000; vertical-align: top;">
        <table>
            <tr>
                <td>
                    <b>Test BSF-EOAT Handoff</b>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-bsf-position" name="test-eoat-bsf-position" type="button"
                            class="btn train-axis-action-btn" value="eoat-go-blisterfeeder">
                        EOAT Go BSF
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-bsf-get-card" name="test-bsf-get-card" type="button"
                            class="btn train-axis-action-btn" value="bsf-retrieve-card">
                        Retrieve Card
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-actuate-forks" name="test-eoat-actuate-forks" type="button"
                            class="btn train-axis-action-btn" value="eoat-actuate-forks">
                        Actuate Forks
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-bsf-release-card" name="test-bsf-release-card" type="button"
                            class="btn train-axis-action-btn" value="bsf-release-card">
                        BSF Release Card
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-pickup-card" name="test-eoat-pickup-card" type="button"
                            class="btn train-axis-action-btn" value="eoat-bsf-2-step">
                        EOAT Pickup Card
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-bsf-eoat-handoff-finish" name="test-bsf-eoat-handoff-finish" type="button"
                            class="btn train-axis-action-btn" value="eoat-move-safe">
                        Finish
                    </button>
                </td>
            </tr>
        </table>
    </td>
    <td style="border-right: thin solid #000000; vertical-align: top;">
        <table>
            <tr>
                <td>
                    <b>Test EOAT-LSU Handoff</b>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-position" name="test-eoat-lsu-position" type="button"
                            class="btn train-axis-action-btn" value="eoat-go-labelsealer">
                        EOAT Go LSU
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-trolley-dropoff-prep" name="test-trolley-dropoff-prep" type="button"
                            class="btn train-axis-action-btn" value="trolley-label-brush">
                        Trolley Dropoff Prep
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-dropoff-card" name="test-eoat-dropoff-card" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-dropoff-card">
                        EOAT Dropoff Card
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-trolley-handoff-hold" name="test-trolley-handoff-hold" type="button"
                            class="btn train-axis-action-btn" value="trolley-handoff-hold">
                        Trolley Handoff Hold
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-handoff-finish" name="test-eoat-handoff-finish" type="button"
                            class="btn train-axis-action-btn" value="eoat-finish-lsu-dropoff">
                        EOAT Retract
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-trolley-home" name="test-trolley-home" type="button"
                            class="btn train-axis-action-btn" value="trolley-output-bin-train-done">
                        Trolley Go Home
                    </button>
                </td>
            </tr>
        </table>
    </td>
    <td style="border-right: thick solid #000000; vertical-align: top;">
        <table>
            <tr>
                <td>
                    <b>Test LSU Processes</b>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-get-dropoff-blister" name="test-lsu-get-dropoff-blister" type="button"
                            class="btn train-axis-action-btn" value="trolley-get-blister-handoff">
                        Get Blister and Dropoff
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-get-peel-lid" name="test-lsu-get-peel-lid" type="button"
                            class="btn train-axis-action-btn" value="peel-lid">
                        Get and Peel Lid
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-place-lid-and-seal" name="test-lsu-place-lid-and-seal" type="button"
                            class="btn train-axis-action-btn" value="place-lid-and-seal">
                        Place Lid and Seal
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-print-and-apply-label" name="test-lsu-print-and-apply-label" type="button"
                            class="btn train-axis-action-btn" value="print-and-apply-label">
                        Print and Apply Label
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-dropoff-blister-output" name="test-lsu-dropoff-blister-output" type="button"
                            class="btn train-axis-action-btn" value="trolley-get-blister-output">
                        Drop Blister to Output
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-stpc-cycle-test-start" name="test-lsu-stpc-cycle-test-start" type="button"
                            class="btn train-axis-action-btn" value="stpc-cycle-test-start">
                        Start STPC Cycle Test
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-stpc-cycle-test-stop" name="test-lsu-stpc-cycle-test-stop" type="button"
                            class="btn train-axis-action-btn" value="stpc-cycle-test-stop">
                        Stop STPC Cycle Test
                    </button>
                </td>
            </tr>
        </table>
    </td>
    <td style="border-right: thin solid #000000; vertical-align: top;">
        <table>
            <tr>
                <td>
                    <b>Test EOAT-BSF 2 Step Steps</b>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-bsf" name="test-eoat-go-bsf" type="button"
                            class="btn train-axis-action-btn" value="eoat-go-blisterfeeder">
                        EOAT Go BSF
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-bsf-v" name="test-eoat-go-bsf-v" type="button"
                            class="btn train-axis-action-btn" value="eoat-bsf-v">
                        Go To V
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-u-gap" name="test-eoat-go-u-gap" type="button"
                            class="btn train-axis-action-btn" value="eoat-bsf-u-gap">
                        Go To U Gap
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-z-gap" name="test-eoat-go-z-gap" type="button"
                            class="btn train-axis-action-btn" value="eoat-bsf-z-gap">
                        Go To Z Gap
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-u-ext" name="test-eoat-go-u-ext" type="button"
                            class="btn train-axis-action-btn" value="eoat-bsf-u-ext">
                        Go To U Ext
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-z-drop" name="test-eoat-go-z-drop" type="button"
                            class="btn train-axis-action-btn" value="eoat-bsf-z-drop">
                        Go To Z Drop
                    </button>
                </td>
            </tr>
        </table>
    </td>
    <td style="border-right: thin solid #000000; vertical-align: top;">
        <table>
            <tr>
                <td>
                    <b>Test EOAT-LSU 2 Step Steps</b>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-go-lsu" name="test-eoat-go-lsu" type="button"
                            class="btn train-axis-action-btn" value="eoat-go-labelsealer">
                        EOAT Go LSU
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-go-u-one" name="test-eoat-lsu-go-u-one" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-u-one">
                        Go To U One
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-go-z-drop" name="test-eoat-lsu-go-z-drop" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-z-drop">
                        Go To Z Drop
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-go-u-step" name="test-eoat-lsu-go-u-step" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-u-step">
                        Go To U Step
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-go-z" name="test-eoat-lsu-go-z" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-z">
                        Go To Z
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-go-u-two" name="test-eoat-lsu-go-u-two" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-u-two">
                        Go To U Two
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-eoat-lsu-go-z-drop-finish" name="test-eoat-lsu-go-z-drop-finish" type="button"
                            class="btn train-axis-action-btn" value="eoat-lsu-z-drop">
                        Go To Z Drop
                    </button>
                </td>
            </tr>
        </table>
    </td>
    <td style="border-right: thin solid #000000; vertical-align: top;">
        <table>
            <tr>
                <td colspan="2">
                    <b>Test LSU Sub Processes</b>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-get-blister-handoff" name="test-lsu-get-blister-handoff" type="button"
                            class="btn train-axis-action-btn" value="lsu-get-blister-handoff">
                        Get Blister (Handoff)
                    </button>
                </td>
                <td class="test-menu-td">
                    <button id="test-lsu-seal-blister" name="test-lsu-seal-blister" type="button"
                            class="btn train-axis-action-btn" value="lsu-seal-blister">
                        Seal Blister
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-blister-to-sealer" name="test-lsu-blister-to-sealer" type="button"
                            class="btn train-axis-action-btn" value="lsu-blister-to-sealer">
                        Drop Blister at Sealer
                    </button>
                </td>
                <td class="test-menu-td">
                    <button id="test-lsu-print-label" name="test-lsu-print-label" type="button"
                            class="btn train-axis-action-btn" value="lsu-print-test-label">
                        Print Label
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-peel-lid" name="test-lsu-peel-lid" type="button"
                            class="btn train-axis-action-btn" value="lsu-peel-lid">
                        Peel Lid
                    </button>
                </td>
                <td class="test-menu-td">
                    <button id="test-lsu-apply-label" name="test-lsu-apply-label" type="button"
                            class="btn train-axis-action-btn" value="lsu-apply-label">
                        Apply Label
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-index-lid" name="test-lsu-index-lid" type="button"
                            class="btn train-axis-action-btn" value="lsu-index-lid">
                        Index Lid
                    </button>
                </td>
                <td class="test-menu-td">
                    <button id="test-lsu-get-blister-sealer" name="test-lsu-get-blister-sealer" type="button"
                            class="btn train-axis-action-btn" value="lsu-blister-from-sealer">
                        Get Blister (Sealer)
                    </button>
                </td>
            </tr>
            <tr>
                <td class="test-menu-td">
                    <button id="test-lsu-lid-blister" name="test-lsu-lid-blister" type="button"
                            class="btn train-axis-action-btn" value="lsu-place-lid">
                        Place Lid
                    </button>
                </td>
                <td class="test-menu-td">
                    <button id="test-lsu-blister-output" name="test-lsu-blister-output" type="button"
                            class="btn train-axis-action-btn" value="lsu-blister-output-bin">
                        Drop Blister in Output
                    </button>
                </td>
            </tr>
        </table>
    </td>
    </tr>
    </table>
    <table style="height: 60px; vertical-align: bottom; width: 100%;">
        <tr style="border-top: thin solid #000000;">
            <td>
                <button type="button" id="exit-button" name="exit-button" class="btn diag-move-adjust-button">
                    Exit
                </button>
            </td>
            <td>&nbsp;</td>
            <td>
                <button type="button" id="test-stop" name="test-stop"
                        class="btn diag-move-adjust-button"
                        style="margin-left: 50px; background: #c02025 none; color: white; font-weight: bold; font-size: 16pt; width: 200px;">
                    STOP
                </button>
            </td>
            <td>&nbsp;</td>
        </tr>
    </table>
    </div>
    </form>
{% endblock %}