{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $(document).tooltip();
            {% if select_printer_canister %}
                var canister = 0;

                $('#printer-select').change(function (event) {
                    localStorage.setItem("printer-selection-canister-overview", $(this).val());
                });

                $("button[name='print_canister_label']").click(function (event) {
                    canister = $(this).val();
                    if (localStorage.getItem("printer-selection-canister-overview") !== null) {
                        var select_statement = document.getElementById('printer-select');
                        select_statement.value = localStorage.getItem('printer-selection-canister-overview');
                    }
                    $("#select-printer").dialog({
                        closeOnEscape: true,
                        modal: true,
                        draggable: false,
                        width: 500,
                        buttons: [
                            {
                                text: "Close",
                                "class": 'modal-dialog-button-right',
                                click: function () {
                                    $(this).dialog("close");
                                }
                            }
                        ]
                    });
                });

                $("button[name='print_selected_canister_label']").click(function (event) {
                    $.post("{% url 'site:print-canister-label' %}", {
                        serial: canister,
                        'printer-select': $('#printer-select').val(),
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    });
                    $("#select-printer").dialog("close");
                });
            {% else %}
                $("button[name='print_canister_label']").click(function (event) {
                    $.post("{% url 'site:print-canister-label' %}", {
                        serial: $(this).val(),
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    });
                });
            {% endif %}

            $("button[name='change_canister_priority']").click(function (event) {
                canister = $(this).val();
                $("#canister-priority").dialog({
                    closeOnEscape: true,
                    modal: true,
                    draggable: false,
                    width: 500,
                    buttons: [
                        {
                            text: "Close",
                            "class": 'modal-dialog-button-right',
                            click: function () {
                                $(this).dialog("close");
                            }
                        }
                    ]
                });
            });

            $("button[name='change_selected_canister_priority']").click(function (event) {
                $.post("{% url 'site:change-canister-priority' %}", {
                    serial: canister,
                    'priority-select': $('#priority-select').val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
                $("#canister-priority").dialog("close");
            });

            $("button[id^='disable_canister_']").click(function (event) {
                $.post("{% url 'site:set-canister-disabled' %}", {
                    can_serial: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
                $("#disable_canister_" + $(this).val()).hide();
                $("#enable_canister_" + $(this).val()).show();
                $("#prepack-canister-" + $(this).val()).hide();
                $("#replenish-canister-" + $(this).val()).hide();
                $("#print-canister-" + $(this).val()).hide();
            });

            $("button[id^='enable_canister_']").click(function (event) {
                $.post("{% url 'site:set-canister-enabled' %}", {
                    can_serial: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
                $("#disable_canister_" + $(this).val()).show();
                $("#enable_canister_" + $(this).val()).hide();
                $("#prepack-canister-" + $(this).val()).show();
                $("#replenish-canister-" + $(this).val()).show();
                $("#print-canister-" + $(this).val()).show();
            });

            $("input[id^='canister_low_level_']").change(function () {
                let canserial = $(this).attr("id");
                canserial = canserial.replace("canister_low_level_", "");
                $.post("{% url 'site:set-canister-low-level' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_serial: canserial, low_level: $(this).val()});
            });

             $("input[id^='bp_cassette_id_']").change(function () {
                 let canserial = $(this).attr("id");
                 canserial = canserial.replace("bp_cassette_id_", "");
                $.post("{% url 'site:set-bp-cassette-id' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_serial: canserial, bp_id: $(this).val()});
            });

            $("select[id^='canister_default_dafe_']").change(function () {
                let canserial = $(this).attr("id");
                canserial = canserial.replace("canister_default_dafe_", "");
                $.post("{% url 'site:set-canister-default-dafe' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_serial: canserial, dafe_id: $(this).val()});
            });

            $("select[id^='canister_fill_type_']").change(function () {
                let canserial = $(this).attr("id");
                canserial = canserial.replace("canister_fill_type_", "");
                $.post("{% url 'site:set-canister-fill-type' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_serial: canserial, fill_type: $(this).val()});
            });

            $("select[id^='canister_frac_tab_']").change(function () {
                let canserial = $(this).attr("id");
                canserial = canserial.replace("canister_frac_tab_", "");
                $.post("{% url 'site:set-canister-frac-tab' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_serial: canserial, frac_tab: $(this).val()});
            });

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

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

{% block content %}
    {% include 'topnav.html' %}
    {% include report_template %}
    {% include 'bottomnav.html' %}
{% endblock %}