{% 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 move_train_axis(command) {
            $.post("{% url 'L60Train:train-move-axis' %}", {
                command: command,
                move_amount: $("#axis-move-amount").val(),
                csrfmiddlewaretoken: '{{csrf_token}}'
            });
        }

        function send_teach_point_train_command(axis, command, position) {
            clear_position(axis);
            $.post("{% url 'L60Train:train-teach-point-command' %}", {
                axis: axis,
                command: command,
                data: position,
                csrfmiddlewaretoken: '{{csrf_token}}'
            });
        }


        function get_db_teach_point_values() {
            $.post("{% url 'L60Train:train-get-teach-point-values' %}", {
                moduletag: $('input[type=radio][name=module-select]:checked').val(),
                locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                csrfmiddlewaretoken: '{{csrf_token}}'
            }, function (data) {
                $("#current-db-teach-point-values").html(data);
            });
        }

        function clear_position(axis) {
            if (axis == 'A') {
                $("#a-curr-pos").html('----');
            }
            else if (axis == 'B') {
                $("#b-curr-pos").html('----');
            }
            else if (axis == 'C') {
                $("#c-curr-pos").html('----');
            }
            else if (axis == 'E') {
                $("#e-curr-pos").html('----');
            }
            else if (axis == 'F') {
                $("#f-curr-pos").html('----');
            }
            else if (axis == 'G') {
                $("#g-curr-pos").html('----');
            }
            else if (axis == 'H') {
                $("#h-curr-pos").html('----');
            }
            else if (axis == 'U') {
                $("#u-curr-pos").html('----');
            }
            else if (axis == 'V') {
                $("#v-curr-pos").html('----');
            }
            else if (axis == 'Y') {
                $("#y-curr-pos").html('----');
            }
            else if (axis == 'Z') {
                $("#z-curr-pos").html('----');
            }
            else if (axis == 'ALL') {
                $("#a-curr-pos").html('----');
                $("#b-curr-pos").html('----');
                $("#c-curr-pos").html('----');
                $("#e-curr-pos").html('----');
                $("#f-curr-pos").html('----');
                $("#g-curr-pos").html('----');
                $("#h-curr-pos").html('----');
                $("#u-curr-pos").html('----');
                $("#v-curr-pos").html('----');
                $("#y-curr-pos").html('----');
                $("#z-curr-pos").html('----');
            }
        }

        $(function () {
            $("#module-select-group").buttonset();
            $("#teach-point-select-group").buttonset();

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

            $('input[type=radio][name=module-select]').click(function () {
                document.trainTeachPointForm.submit();
            });

            $('input[type=radio][name=teach-point-select]').click(function () {
                document.trainTeachPointForm.submit();
            });


            $("#recalc-positions").click(function () {
                {% if 'AXIS_A' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'A',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#a-curr-pos").html('<b>A: </b>' + data);
                    });
                {% endif %}
                {% if 'AXIS_B' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'B',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#b-curr-pos").html('<b>B: </b>' + data);
                    });
                {% endif %}
                {% if current_module != 'BSF_TRAIN' %}
                    {% if 'AXIS_C' in axis_list %}
                        $.post("{% url 'L60Train:train-get-axis-position' %}", {
                            axis: 'C',
                            csrfmiddlewaretoken: '{{csrf_token}}'
                        }, function (data) {
                            $("#c-curr-pos").html('<b>C: </b>' + data);
                        });
                    {% endif %}
                {% endif %}
                {% if 'AXIS_E' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'E',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#e-curr-pos").html('<b>E: </b>' + data);
                    });
                {% endif %}
                {% if 'AXIS_F' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'F',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#f-curr-pos").html('<b>F: </b>' + data);
                    });
                {% endif %}
                {% if 'AXIS_G' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'G',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#g-curr-pos").html('<b>G: </b>' + data);
                    });
                {% endif %}
                {% if current_module != 'LSU_BLISTER_PICKUP' %}
                    {% if 'AXIS_H' in axis_list %}
                        $.post("{% url 'L60Train:train-get-axis-position' %}", {
                            axis: 'H',
                            csrfmiddlewaretoken: '{{csrf_token}}'
                        }, function (data) {
                            $("#h-curr-pos").html('<b>H: </b>' + data);
                        });
                    {% endif %}
                {% endif %}
                {% if 'AXIS_U' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'U',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#u-curr-pos").html('<b>U: </b>' + data);
                    });
                {% endif %}
                {% if 'AXIS_V' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'V',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#v-curr-pos").html('<b>V: </b>' + data);
                    });
                {% endif %}
                {% if 'AXIS_Y' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'Y',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#y-curr-pos").html('<b>Y: </b>' + data);
                    });
                {% endif %}
                {% if 'AXIS_Z' in axis_list %}
                    $.post("{% url 'L60Train:train-get-axis-position' %}", {
                        axis: 'Z',
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    }, function (data) {
                        $("#z-curr-pos").html('<b>Z: </b>' + data);
                    });
                {% endif %}
            });

            $("#a-back-btn").click(function () {
                move_train_axis('a-move-back');
                clear_position('A');
            });

            $("#a-front-btn").click(function () {
                move_train_axis('a-move-front');
                clear_position('A');
            });

            $("#b-right-btn").click(function () {
                move_train_axis('b-move-right');
                clear_position('B');
            });

            $("#b-left-btn").click(function () {
                move_train_axis('b-move-left');
                clear_position('B');
            });

            $("#c-up-btn").click(function () {
                move_train_axis('c-move-up');
                clear_position('C');
            });

            $("#c-down-btn").click(function () {
                move_train_axis('c-move-down');
                clear_position('C');
            });

            $("#e-right-btn").click(function () {
                move_train_axis('e-move-right');
                clear_position('E');
            });

            $("#e-left-btn").click(function () {
                move_train_axis('e-move-left');
                clear_position('E');
            });

            $("#f-up-btn").click(function () {
                move_train_axis('f-move-up');
                clear_position('F');
            });

            $("#f-down-btn").click(function () {
                move_train_axis('f-move-down');
                clear_position('F');
            });

            $("#g-back-btn").click(function () {
                move_train_axis('g-move-back');
                clear_position('G');
            });

            $("#g-front-btn").click(function () {
                move_train_axis('g-move-front');
                clear_position('G');
            });

            $("#h-up-btn").click(function () {
                move_train_axis('h-move-up');
                clear_position('H');
            });

            $("#h-down-btn").click(function () {
                move_train_axis('h-move-down');
                clear_position('H');
            });

            $("#u-back-btn").click(function () {
                move_train_axis('u-move-back');
                clear_position('U');
            });

            $("#u-front-btn").click(function () {
                move_train_axis('u-move-front');
                clear_position('U');
            });

            $("#v-left-btn").click(function () {
                move_train_axis('v-move-left');
                clear_position('V');
            });

            $("#v-right-btn").click(function () {
                move_train_axis('v-move-right');
                clear_position('V');
            });

            $("#y-left-btn").click(function () {
                move_train_axis('y-move-left');
                clear_position('Y');
            });

            $("#y-right-btn").click(function () {
                move_train_axis('y-move-right');
                clear_position('Y');
            });

            $("#z-up-btn").click(function () {
                move_train_axis('z-move-up');
                clear_position('Z');
            });

            $("#z-down-btn").click(function () {
                move_train_axis('z-move-down');
                clear_position('Z');
            });

            $("#update-position-button").click(function () {
                update_axis_position_data();
            });

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

             $("#trolley-pump-btn").click(function () {
                if ($(this).val() == "off") {
                    $(this).val("on");
                    $(this).css('background-color', 'lightgreen');
                } else {
                    $(this).val("off");
                    $(this).css('background-color', 'darkgray');
                }

                $.post("{% url 'L60Train:train-command' %}", {
                    command: 'trolley-pump',
                    data: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#flipper-pump-btn").click(function () {
                if ($(this).val() == "off") {
                    $(this).val("on");
                    $(this).css('background-color', 'lightgreen');
                } else {
                    $(this).val("off");
                    $(this).css('background-color', 'darkgray');
                }

                $.post("{% url 'L60Train:train-command' %}", {
                    command: 'flipper-pump',
                    data: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            {% if current_teach_point != None %}
                get_db_teach_point_values();
            {% endif %}

            $("#go-a-btn").click(function () {
                send_teach_point_train_command("A", "a-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-b-btn").click(function () {
                send_teach_point_train_command("B", "b-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-c-btn").click(function () {
                send_teach_point_train_command("C", "c-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-e-btn").click(function () {
                send_teach_point_train_command("E", "e-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-f-btn").click(function () {
                send_teach_point_train_command("F", "f-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-g-btn").click(function () {
                send_teach_point_train_command("G", "g-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-h-btn").click(function () {
                send_teach_point_train_command("H", "h-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-u-btn").click(function () {
                send_teach_point_train_command("U", "u-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-v-btn").click(function () {
                send_teach_point_train_command("V", "v-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-y-btn").click(function () {
                send_teach_point_train_command("Y", "y-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#go-z-btn").click(function () {
                send_teach_point_train_command("Z", "z-go-position", $('input[type=radio][name=teach-point-select]:checked').val());
            });

            $("#a-back-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-a-back-wall',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#a-front-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-a-front-wall',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#b-right-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-b-right-wall',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#b-left-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-b-left-wall',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#b-go-blister-pickup-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-b-go-blister-pickup',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#c-top-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-c-top',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#g-back-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'sealer-go-max',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#g-go-label-brush-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'sealer-go-label-brush',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#present-lid-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'present-lid',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#peel-lid-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'peel-lid-only',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

             $("#form-retract-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'form-retract',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#e-right-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-e-right-wall',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#e-left-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-e-left-wall',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#e-go-present-lid-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-e-go-present-lid',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#e-go-retracted-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-e-go-retracted',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#f-top-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-f-top',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#f-home-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-f-go-home',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#g-front-wall-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'sealer-go-min',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#park-eoat-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'eoat-park',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#h-top-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'bsf-handoff-finish',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#u-extend-two-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'eoat-lsu-u-two',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#eoat-go-bsf-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'eoat-go-blisterfeeder',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#eoat-go-lsu-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'eoat-go-labelsealer',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#eoat-safe-travel-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'eoat-move-safe',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#h-go-handoff").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'h-go-handoff',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#re-zero-trolley-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-rezero-trolley',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#re-zero-slider-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'lsu-rezero-slider',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#re-zero-flipper-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 're-zero-flipper',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#re-zero-sealer-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 're-zero-sealer',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#re-zero-h-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 're-zero-bsf',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#home-uv-btn").click(function () {
                $.post("{% url 'L60Train:train-perform-action' %}", {
                    command: 'eoat-home-uv',
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#save-a-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'A',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#a-curr-pos").html("A: " + data);
                    get_db_teach_point_values();
                    alert("A Axis Position Value Saved.");
                });
            });

            $("#save-b-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'B',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#b-curr-pos").html("B: " + data);
                    get_db_teach_point_values();
                    alert("B Axis Position Value Saved.");
                });
            });

            $("#save-c-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'C',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#c-curr-pos").html("C: " + data);
                    get_db_teach_point_values();
                    alert("C Axis Position Value Saved.");
                });
            });

            $("#save-e-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'E',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#e-curr-pos").html("E: " + data);
                    get_db_teach_point_values();
                    alert("E Axis Position Value Saved.");
                });
            });

            $("#save-f-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'F',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#f-curr-pos").html("F: " + data);
                    get_db_teach_point_values();
                    alert("F Axis Position Value Saved.");
                });
            });

            $("#save-g-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'G',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#g-curr-pos").html("G: " + data);
                    get_db_teach_point_values();
                    alert("G Axis Position Value Saved.");
                });
            });

            $("#save-h-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'H',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#h-curr-pos").html("H: " + data);
                    get_db_teach_point_values();
                    alert("H Axis Position Value Saved.");
                });
            });

            $("#save-u-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'U',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#u-curr-pos").html("U: " + data);
                    get_db_teach_point_values();
                    alert("U Axis Position Value Saved.");
                });
            });

            $("#save-v-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'V',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#v-curr-pos").html("V: " + data);
                    get_db_teach_point_values();
                    alert("V Axis Position Value Saved.");
                });
            });

            $("#save-y-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'Y',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#y-curr-pos").html("Y: " + data);
                    get_db_teach_point_values();
                    alert("Y Axis Position Value Saved.");
                });
            });

            $("#save-z-btn").click(function () {
                $.post("{% url 'L60Train:train-save-teach-point-location' %}", {
                    axis: 'Z',
                    locationtag: $('input[type=radio][name=teach-point-select]:checked').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function (data) {
                    $("#z-curr-pos").html("Z: " + data);
                    get_db_teach_point_values();
                    alert("Z Axis Position Value Saved.");
                });
            });

            var moveAdjValues = ["0.01", "0.05", "0.1", "0.5", "1", "2", "3", "4", "5"];
            var moveAdjIndex = 1;
            var moveVal = $('#axis-move-amount').val();

            if (moveVal.length > 0) {
                for (var i = 0; i < moveAdjValues.length; i++) {
                    if (moveVal == moveAdjValues[i]) {
                        moveAdjIndex = i;
                        break;
                    }
                }
            }

            $('#minus-amount').click(function () {
                moveAdjIndex--;
                if (moveAdjIndex < 0) {
                    moveAdjIndex = 0;
                }
                $('#axis-move-amount').val(moveAdjValues[moveAdjIndex]);
            });

            $('#plus-amount').click(function () {
                moveAdjIndex++;
                if (moveAdjIndex > moveAdjValues.length - 1) {
                    moveAdjIndex = moveAdjValues.length - 1;
                }
                $('#axis-move-amount').val(moveAdjValues[moveAdjIndex]);
            });

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

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

{% block content %}
    <form name="trainTeachPointForm" id="trainTeachPointForm" 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;">
                        <div id="module-select-group">
                            {% for module in module_list %}
                                <input type="radio" id="module-{{ module.tng_task }}" name="module-select" value="{{ module.tng_task }}"
                                        {% if current_module == module.tng_task %}checked{% endif %}>
                                <label class="train-setting-select-btn" style="margin-top: 7px;"
                                        for="module-{{ module.tng_task }}">{{ module.tng_task }}</label>
                            {% endfor %}
                        </div>
                    </td>
                    <td style="border-right: thin solid #000000; vertical-align: top;">
                        <table style="height: 100%;">
                            <tr>
                                <td>
                                    <div id="teach-point-select-group">
                                        {% for teach in teach_point_list %}
                                            <input type="radio" id="teach-point-{{ teach.location.tag }}" name="teach-point-select" value="{{ teach.location.tag }}"
                                                    {% if current_teach_point == teach.location.tag %}checked{% endif %}>
                                            <label class="train-setting-select-btn" style="margin-top: 7px;"
                                                    for="teach-point-{{ teach.location.tag }}">{{ teach.location.tag }}</label>
                                        {% endfor %}
                                        {% if current_module == 'BSF_TRAIN' %}
                                            <input type="radio" id="teach-point-h-home-offset" name="teach-point-select" value="h-home-offset"
                                                    {% if current_teach_point == 'h-home-offset' %}checked{% endif %}>
                                            <label class="train-setting-select-btn" style="margin-top: 7px;"
                                                    for="teach-point-h-home-offset">HANDOFF FINISH (HOME_OFFSET)</label>
                                        {% elif current_module == 'LSU_LID_SLIDER' and not has_stpc %}
                                            <input type="radio" id="teach-point-e-home-offset" name="teach-point-select" value="e-home-offset"
                                                    {% if current_teach_point == 'e-home-offset' %}checked{% endif %}>
                                            <label class="train-setting-select-btn" style="margin-top: 7px;"
                                                    for="teach-point-e-home-offset">PRESENT LID (HOME_OFFSET)</label>
                                        {% endif %}
                                    </div>
                                </td>
                            </tr>
                            <tr style="height: 100%; vertical-align: bottom;">
                                <td>
                                    <div id="current-db-teach-point-values" style="margin-left: 8px; padding-bottom: 5px;">&nbsp;</div>
                                </td>
                            </tr>
                        </table>

                    </td>
                    <td style="width: 100%;">
                        <table align="center" style="width: 100%;">
                            <tr>
                                <td style="vertical-align: top; text-align: left; width: 600px;">
                                    <table style="width: 98%;">
                                        <tr>
                                            <td>
                                                {% if 'AXIS_Y' in axis_list or 'AXIS_Z' in axis_list %}
                                                    <div style="width: 300px; display: table-cell;">
                                                        <table>
                                                            <tr>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                                <td class="train-cross-td">
                                                                    <button id="z-up-btn" name="z-up-btn" type="button" class="btn train-btn">Z Up
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="y-left-btn" name="y-left-btn" type="button" class="btn train-btn">Y Left
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    &nbsp;
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    <button id="y-right-btn" name="y-right-btn" type="button" class="btn train-btn">Y
                                                                        Right
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                                <td class="train-cross-td">
                                                                    <button id="z-down-btn" name="z-down-btn" type="button" class="btn train-btn">Z
                                                                        Down
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_U' in axis_list or 'AXIS_V' in axis_list %}
                                                    <div style="width: 300px; display: table-cell;">
                                                        <table>
                                                            <tr>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                                <td class="train-cross-td">
                                                                    <button id="u-back-btn" name="u-back-btn" type="button" class="btn train-btn">U Back
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    &nbsp;
                                                                </td>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="v-left-btn" name="v-left-btn" type="button" class="btn train-btn">V
                                                                        Left
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    &nbsp;
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    <button id="v-right-btn" name="v-right-btn" type="button" class="btn train-btn">V
                                                                        Right
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                                <td class="train-cross-td">
                                                                    <button id="u-front-btn" name="u-front-btn" type="button" class="btn train-btn">U
                                                                        Front
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">&nbsp;</td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                {% endif %}
                                                {% if current_module != 'LSU_BLISTER_PICKUP' %}
                                                    {% if 'AXIS_H' in axis_list %}
                                                        <div style="width: 300px; display: table-cell;">
                                                            <table>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        <button id="h-up-btn" name="h-up-btn" type="button" class="btn train-btn">H Up
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        &nbsp;
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        <button id="h-down-btn" name="h-down-btn" type="button" class="btn train-btn">H Down
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    {% endif %}
                                                {% endif %}
                                                {% if current_module != 'BSF_TRAIN' %}
                                                    {% if 'AXIS_A' in axis_list or 'AXIS_B' in axis_list or 'AXIS_C' in axis_list %}
                                                        <div style="width: 300px; display: table-cell;">
                                                            <table>
                                                                <tr>
                                                                    <td class="train-cross-td">&nbsp;</td>
                                                                    <td class="train-cross-td">
                                                                        <button id="a-back-btn" name="a-back-btn" type="button" class="btn train-btn">A Back
                                                                        </button>
                                                                    </td>
                                                                    <td class="train-cross-td">
                                                                        &nbsp;
                                                                    </td>
                                                                    <td class="train-cross-td">&nbsp;</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        <button id="b-left-btn" name="b-left-btn" type="button" class="btn train-btn">B
                                                                            Left
                                                                        </button>
                                                                    </td>
                                                                    <td class="train-cross-td">
                                                                        &nbsp;
                                                                    </td>
                                                                    <td class="train-cross-td">
                                                                        <button id="b-right-btn" name="b-right-btn" type="button" class="btn train-btn">B
                                                                            Right
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="train-cross-td">&nbsp;</td>
                                                                    <td class="train-cross-td">
                                                                        <button id="a-front-btn" name="a-front-btn" type="button" class="btn train-btn">A
                                                                            Front
                                                                        </button>
                                                                    </td>
                                                                    <td class="train-cross-td">&nbsp;</td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div style="width: 120px; display: table-cell;">
                                                            <table>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        <button id="c-up-btn" name="c-up-btn" type="button" class="btn train-btn">C Up
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        &nbsp;
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="train-cross-td">
                                                                        <button id="c-down-btn" name="c-down-btn" type="button" class="btn train-btn">C Down
                                                                        </button>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_E' in axis_list or current_module == 'TROLLEY_LID_PICKUP'%}
                                                    <div style="width: 300px; display: table-cell;">
                                                        <table>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="e-left-btn" name="e-left-btn" type="button" class="btn train-btn">E Left
                                                                    </button>
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    &nbsp;
                                                                </td>
                                                                <td class="train-cross-td">
                                                                    <button id="e-right-btn" name="e-right-btn" type="button" class="btn train-btn">E Right
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_F' in axis_list %}
                                                    <div style="width: 120px; display: table-cell;">
                                                        <table>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="f-up-btn" name="f-up-btn" type="button" class="btn train-btn">F Up
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    &nbsp;
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="f-down-btn" name="f-down-btn" type="button" class="btn train-btn">F Down
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_G' in axis_list %}
                                                    <div style="width: 120px; display: table-cell;">
                                                        <table>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="g-back-btn" name="g-back-btn" type="button" class="btn train-btn">G Back
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    &nbsp;
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td class="train-cross-td">
                                                                    <button id="g-front-btn" name="g-front-btn" type="button" class="btn train-btn">G Front
                                                                    </button>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr style="border-bottom: thin solid #000000;">
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                {% if 'AXIS_A' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="a-curr-pos">----</div>
                                                        <button id="save-a-btn" name="save-a-btn" type="button" class="btn train-btn">Set A</button>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_B' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="b-curr-pos">----</div>
                                                        <button id="save-b-btn" name="save-b-btn" type="button" class="btn train-btn">Set B</button>
                                                    </div>
                                                {% endif %}
                                                {% if current_module != 'BSF_TRAIN' %}
                                                    {% if 'AXIS_C' in axis_list %}
                                                        <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                            <div style="margin-left: 20px; padding-bottom: 4px;" id="c-curr-pos">----</div>
                                                            <button id="save-c-btn" name="save-c-btn" type="button" class="btn train-btn">Set C</button>
                                                        </div>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_E' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="e-curr-pos">----</div>
                                                        <button id="save-e-btn" name="save-e-btn" type="button" class="btn train-btn">Set E</button>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_F' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="f-curr-pos">----</div>
                                                        <button id="save-f-btn" name="save-f-btn" type="button" class="btn train-btn">Set F</button>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_G' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="g-curr-pos">----</div>
                                                        <button id="save-g-btn" name="save-g-btn" type="button" class="btn train-btn">Set G</button>
                                                    </div>
                                                {% endif %}
                                                {% if current_module != 'LSU_BLISTER_PICKUP' %}
                                                    {% if 'AXIS_H' in axis_list %}
                                                        <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                            <div style="margin-left: 20px; padding-bottom: 4px;" id="h-curr-pos">----</div>
                                                            <button id="save-h-btn" name="save-h-btn" type="button" class="btn train-btn">Set H</button>
                                                        </div>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_U' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="u-curr-pos">----</div>
                                                        <button id="save-u-btn" name="save-u-btn" type="button" class="btn train-btn">Set U</button>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_V' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="v-curr-pos">----</div>
                                                        <button id="save-v-btn" name="save-v-btn" type="button" class="btn train-btn">Set V</button>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_Y' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="y-curr-pos">----</div>
                                                        <button id="save-y-btn" name="save-y-btn" type="button" class="btn train-btn">Set Y</button>
                                                    </div>
                                                {% endif %}
                                                {% if 'AXIS_Z' in axis_list %}
                                                    <div style="margin: 5px; padding-left: 8px; padding-right: 8px; display: inline-block;">
                                                        <div style="margin-left: 20px; padding-bottom: 4px;" id="z-curr-pos">----</div>
                                                        <button id="save-z-btn" name="save-z-btn" type="button" class="btn train-btn">Set Z</button>
                                                    </div>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr style="border-bottom: thin solid #000000;">
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding-top: 8px;">
                                                {% if 'AXIS_A' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-a-btn" name="go-a-btn" type="button" class="btn train-btn">GoTo A</button>
                                                    </span>
                                                {% endif %}
                                                {% if 'AXIS_B' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-b-btn" name="go-b-btn" type="button" class="btn train-btn">GoTo B</button>
                                                    </span>
                                                {% endif %}
                                                {% if current_module != 'BSF_TRAIN' %}
                                                    {% if 'AXIS_C' in axis_list %}
                                                        <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-c-btn" name="go-c-btn" type="button" class="btn train-btn">GoTo C</button>
                                                    </span>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_E' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-e-btn" name="go-e-btn" type="button" class="btn train-btn">GoTo E</button>
                                                    </span>
                                                {% endif %}
                                                {% if 'AXIS_F' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-f-btn" name="go-f-btn" type="button" class="btn train-btn">GoTo F</button>
                                                    </span>
                                                {% endif %}
                                                {% if 'AXIS_G' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-g-btn" name="go-g-btn" type="button" class="btn train-btn">GoTo G</button>
                                                    </span>
                                                {% endif %}
                                                {% if current_module != 'LSU_BLISTER_PICKUP' %}
                                                    {% if 'AXIS_H' in axis_list %}
                                                        <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-h-btn" name="go-h-btn" type="button" class="btn train-btn">GoTo H</button>
                                                    </span>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_U' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-u-btn" name="go-u-btn" type="button" class="btn train-btn">GoTo U</button>
                                                    </span>
                                                {% endif %}
                                                {% if 'AXIS_V' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-v-btn" name="go-v-btn" type="button" class="btn train-btn">GoTo V</button>
                                                    </span>
                                                {% endif %}
                                                {% if 'AXIS_Y' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-y-btn" name="go-y-btn" type="button" class="btn train-btn">GoTo Y</button>
                                                    </span>
                                                {% endif %}
                                                {% if 'AXIS_Z' in axis_list %}
                                                    <span style="margin: 5px; padding-left: 8px; padding-right: 8px;">
                                                        <button id="go-z-btn" name="go-z-btn" type="button" class="btn train-btn">GoTo Z</button>
                                                    </span>
                                                {% endif %}
                                            </td>
                                        </tr>
                                        <tr style="border-bottom: thin solid #000000;">
                                            <td>
                                                &nbsp;
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="padding-top: 8px;" class="five-column-cell">
                                                <button id="eoat-safe-travel-btn" name="eoat-safe-travel-btn" type="button" class="btn train-teach-point-action-btn">EOAT Safe Travel</button>
                                                {% if 'AXIS_A' in axis_list or 'AXIS_B' in axis_list or 'AXIS_C' in axis_list %}
                                                    {% if current_module != 'BSF_TRAIN' %}
                                                    <button id="a-back-wall-btn" name="a-back-wall-btn" type="button" class="btn train-teach-point-action-btn">A Go Back Wall</button>
                                                    <button id="a-front-wall-btn" name="a-front-wall-btn" type="button" class="btn train-teach-point-action-btn">A Go Front Wall</button>
                                                    <button id="b-right-wall-btn" name="b-right-wall-btn" type="button" class="btn train-teach-point-action-btn">B Go Right Wall</button>
                                                    <button id="b-left-wall-btn" name="b-left-wall-btn" type="button" class="btn train-teach-point-action-btn">B Go Left Wall</button>
                                                    <button id="c-top-btn" name="c-top-btn" type="button" class="btn train-teach-point-action-btn">C Go Top</button>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_A' in axis_list or 'AXIS_B' in axis_list or 'AXIS_C' in axis_list or 'AXIS_G' in axis_list %}
                                                    {% if current_module != 'BSF_TRAIN' and current_module != 'TROLLEY_LID_PICKUP' %}
                                                    <button id="g-back-wall-btn" name="g-back-wall-btn" type="button" class="btn train-teach-point-action-btn">G Go Back Wall</button>
                                                    <button id="g-front-wall-btn" name="g-front-wall-btn" type="button" class="btn train-teach-point-action-btn">G Go Front Wall</button>
                                                    {% endif %}
                                                {% endif %}
                                                {% if current_module == 'LSU_SEALER_FLIPPER' %}
                                                    <button id="b-go-blister-pickup-btn" name="b-go-blister-pickup-btn" type="button" class="btn train-teach-point-action-btn">B Go Blist. Pickup</button>
                                                    <button id="g-go-label-brush-btn" name="g-go-label-brush-btn" type="button" class="btn train-teach-point-action-btn">G Go Label Brush</button>
                                                {% endif %}
                                                {% if 'AXIS_E' in axis_list or current_module == 'TROLLEY_LID_PICKUP' %}
                                                    <button id="present-lid-btn" name="present-lid-btn" type="button" class="btn train-teach-point-action-btn">Present Lid</button>
                                                    {% if has_stpc %}
                                                    <button id="peel-lid-btn" name="peel-lid-btn" type="button" class="btn train-teach-point-action-btn">Peel Lid</button>
                                                    <button id="form-retract-btn" name="form-retract-btn" type="button" class="btn train-teach-point-action-btn">Form Retract</button>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_E' in axis_list %}
                                                    {% if not has_stpc %}
                                                    <button id="e-right-wall-btn" name="e-right-wall-btn" type="button" class="btn train-teach-point-action-btn">E Go Right Full</button>
                                                    <button id="e-left-wall-btn" name="e-left-wall-btn" type="button" class="btn train-teach-point-action-btn">E Go Left Full</button>
                                                    {% endif %}
                                                {% endif %}
                                                {% if current_module == 'TROLLEY_LID_PICKUP' %}
                                                    {% if not has_stpc %}
                                                        <button id="e-go-present-lid-btn" name="e-go-present-lid-btn" type="button" class="btn train-teach-point-action-btn">E Go Present Lid</button>
                                                        <button id="e-go-retracted-btn" name="e-go-retracted-btn" type="button" class="btn train-teach-point-action-btn">E Go Retracted</button>
                                                    {% endif %}
                                                {% endif %}
                                                {% if 'AXIS_F' in axis_list %}
                                                    <button id="f-top-btn" name="f-top-btn" type="button" class="btn train-teach-point-action-btn">F Go Top</button>
                                                    <button id="f-home-btn" name="f-home-btn" type="button" class="btn train-teach-point-action-btn">F Go Home</button>
                                                {% endif %}
                                                {% if 'AXIS_H' in axis_list %}
                                                    <button id="park-eoat-btn" name="park-eoat-btn" type="button" class="btn train-teach-point-action-btn">Park EOAT</button>
                                                {% endif %}
                                                {% if 'AXIS_H' in axis_list or current_module == 'EOAT_BSF_HANDOFF' %}
                                                    <button id="h-top-btn" name="h-top-btn" type="button" class="btn train-teach-point-action-btn">H Go Top</button>
                                                {% endif %}
                                                {% if 'AXIS_U' in axis_list %}
                                                    <button id="u-extend-two-btn" name="u-extend-two-btn" type="button" class="btn train-teach-point-action-btn">U Go Ext. Two</button>
                                                {% endif %}
                                                {% if 'AXIS_Y' in axis_list or 'AXIS_Z' in axis_list %}
                                                    <button id="eoat-go-bsf-btn" name="eoat-go-bsf-btn" type="button" class="btn train-teach-point-action-btn">EOAT Go BSF</button>
                                                    <button id="eoat-go-lsu-btn" name="eoat-go-lsu-btn" type="button" class="btn train-teach-point-action-btn">EOAT Go LSU</button>
                                                    {% if current_module == 'EOAT_BSF_HANDOFF' %}
                                                        <button id="h-go-handoff" name="h-go-handoff" type="button" class="btn train-teach-point-action-btn">H Go Handoff</button>
                                                    {% endif %}
                                                {% endif %}
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td style="text-align: right; vertical-align: bottom; border-left: thin solid #000000; height: 520px;">
                                    <div style="width: 180px; height: 420px;">
                                        {% if 'AXIS_A' in axis_list or 'AXIS_B' in axis_list or 'AXIS_C' in axis_list %}
                                            {% if current_module != 'BSF_TRAIN' %}
                                            <button id="re-zero-trolley-btn" name="re-zero-trolley-btn" type="button" style="margin-bottom: 12px;" class="btn train-axis-action-btn">Re-Zero Trolley</button>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'AXIS_E' in axis_list %}
                                            <button id="re-zero-slider-btn" name="re-zero-slider-btn" type="button" style="margin-bottom: 12px;" class="btn train-axis-action-btn">Re-Zero Lid Slider</button>
                                        {% endif %}
                                        {% if 'AXIS_F' in axis_list %}
                                            <button id="re-zero-flipper-btn" name="re-zero-flipper-btn" type="button" style="margin-bottom: 12px;" class="btn train-axis-action-btn">Re-Zero Flipper</button>
                                        {% endif %}
                                        {% if 'AXIS_G' in axis_list %}
                                            <button id="re-zero-sealer-btn" name="re-zero-sealer-btn" type="button" style="margin-bottom: 12px;" class="btn train-axis-action-btn">Re-Zero Sealer</button>
                                        {% endif %}
                                        {% if 'AXIS_H' in axis_list %}
                                            {% if current_module != 'LSU_BLISTER_PICKUP' %}
                                            <button id="re-zero-h-btn" name="re-zero-h-btn" type="button" style="margin-bottom: 12px;" class="btn train-axis-action-btn">Re-Zero H</button>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'AXIS_U' in axis_list or 'AXIS_V' in axis_list %}
                                            <button id="home-uv-btn" name="home-uv-btn" type="button" style="margin-bottom: 12px;" class="btn train-axis-action-btn">Home UV</button>
                                        {% endif %}
                                        {% if 'AXIS_C' in axis_list %}
                                            <button id="trolley-pump-btn" name="trolley-pump-btn" type="button" value="off" class="btn train-axis-action-btn" style="background: darkgray none;">Trolley Pump</button>
                                        {% endif %}
                                        {% if 'AXIS_F' in axis_list %}
                                            <button id="flipper-pump-btn" name="flipper-pump-btn" type="button" value="off" class="btn train-axis-action-btn" style="background: darkgray none;">Flipper Pump</button>
                                        {% endif %}
                                    </div>
                                    <div style="width: 180px;">
                                        Move Amt: <input id="axis-move-amount" name="axis-move-amount" type="text"
                                            style="width: 40px;"
                                            value="0.05" class="diag-short-input">in.&nbsp;&nbsp;&nbsp;
                                        <button id="minus-amount" name="minus-amount" type="button" class="btn train-btn">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_remove.png">
                                        </button>
                                        &nbsp;&nbsp;&nbsp;
                                        <button id="plus-amount" name="plus-amount" type="button" class="btn train-btn">
                                            <img class="img-rounded" src="{{ STATIC_URL }}img/cc_add.png">
                                        </button>
                                    </div>
                                </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="recalc-positions" name="recalc-positions" class="btn diag-move-adjust-button"
                                style="width: 160px;">Update Positions
                        </button>
                    </td>
                    <td>&nbsp;</td>
                    <td>
                        <button type="button" id="train-axis-stop" name="train-axis-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 style="width: 350px;">
                        <button type="button" id="set-value-button" name="set-value-button"
                                class="btn diag-move-adjust-button" style="width: 100px; display: none;">
                            Save Value
                        </button>
                    </td>
                    <td>&nbsp;</td>
                </tr>
            </table>
        </div>
    </form>
{% endblock %}