{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
    function get_ppk_id(field, field_name) {
        let lookupid = field.attr("id");
        lookupid = lookupid.replace(field_name, "");
        return lookupid;
    }

    $(function () {
        $("#check-all").click(function () {
            $(".selordcheckbox").prop('checked', $(this).prop('checked'));
            if ($(this).prop('checked')) {
                $("#multi-select-action").show();
                $("#multi-enable-prepack").show();
                $("#multi-disable-prepack").show();
                $("#multi-change-prepack").show();
                $("#multi-change-prepack-ndc").show();
            } else {
                $("#multi-select-action").hide();
                $("#multi-enable-prepack").hide();
                $("#multi-disable-prepack").hide();
                $("#multi-change-prepack").hide();
                $("#multi-change-prepack-ndc").hide();
            }
        });

        $("#managePrepackForm").on('change', '.selordcheckbox', function () {
             if ($("#managePrepackForm .selordcheckbox:checkbox:checked").length > 0) {
                    $("#multi-select-action").show();
                    $("#multi-enable-prepack").show();
                    $("#multi-disable-prepack").show();
                    $("#multi-change-prepack").show();
                    $("#multi-change-prepack-ndc").show();
                } else {
                    $("#multi-select-action").hide();
                    $("#multi-enable-prepack").hide();
                    $("#multi-disable-prepack").hide();
                    $("#multi-change-prepack").hide();
                    $("#multi-change-prepack-ndc").hide();
                }
        });
    });

    function update_up_to_par(ppk_id) {
        let par_value = $("#" + ppk_id + "-par-level").val();
        let on_hand_value = $("#" + ppk_id + "-on-hand").val();
        let in_queue_value = $("#" + ppk_id + "-in-queue").val();

        let up_to_par_value = parseInt(par_value) - parseInt(on_hand_value) - parseInt(in_queue_value);
        if (isNaN(up_to_par_value)) {
            up_to_par_value = 0;
        }
        if (up_to_par_value < 0) {
            up_to_par_value = 0;
        }

        $("#" + ppk_id + "-up-to-par").val(up_to_par_value);
    }

    function debounce(func, wait, immediate) {
        let timeout;
        return function () {
            let context = this, args = arguments;
            let later = function () {
                timeout = null;
                if (!immediate) func.apply(context, args);
            };
            let callNow = immediate && !timeout;
            clearTimeout(timeout);
            timeout = setTimeout(later, wait);
            if (callNow) func.apply(context, args);
        };
    }

    $(function () {
        $(document).tooltip();
        let number_labeller_field = $('#change-drug-number-labeller');
        let number_product_field = $('#change-drug-number-product');
        let number_pack_code_field = $('#change-drug-pack-code');

        $(".search-query").keyup(debounce(function (event) {
                let postData = $("#reportFilterForm, #managePrepackForm").serializeArray();
                let loadicon = "<tr><td colspan=\"100\" style=\"width: 100%;\"><div class=\"loader\"></div></td></tr>";
                $('#manage-prepack-inventory-rep-tbody').html(loadicon);
                $.ajax({
                    url: "{% url 'site:prepack-inventory-report-body-refresh' %}",
                    type: "POST",
                    data: postData,
                    success: function (data, status, jqXHR) {
                        $('#manage-prepack-inventory-rep-tbody').html(data);
                        $('#total-pages').html($("#current-max-page").val());
                        $('#total-pages-bottom').html($("#current-max-page").val());
                        // When the ajax call changes html data it causes the .change and .click functions to not exist on the new html ids
                        // as such they need to be re-applied to the new elements which is what this call does
                        apply_on_change_or_click()
                    }
                });
            }, 500));


        function apply_on_change_or_click() {
            $('.dosis-red-background').children().css('background-color', '#c02025');
            $('.dosis-yellow-background').children().css('background-color', '#fed335');

            $("input[id$='-on-hand']").change(function () {
                let prepack_id = get_ppk_id($(this), "-on-hand");
                $.post("{% url 'site:update-manage-prepack-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            ppk_id: prepack_id,
                            field_type: 'on-hand',
                            field_val: $(this).val()}
                );
                update_up_to_par(prepack_id);
            });

            $("input[id$='-par-level']").change(function () {
                let prepack_id = get_ppk_id($(this), "-par-level");
                $.post("{% url 'site:update-manage-prepack-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            ppk_id: prepack_id,
                            field_type: 'par-level',
                            field_val: $(this).val()}
                );
                update_up_to_par(prepack_id);
            });

            $("input[id$='-low-level']").change(function () {
                let prepack_id = get_ppk_id($(this), "-low-level");
                $.post("{% url 'site:update-manage-prepack-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            ppk_id: prepack_id,
                            field_type: 'low-level',
                            field_val: $(this).val()}
                );
            });

            $("input[id$='-auto-prepack']").click(function () {
                $.post("{% url 'site:update-manage-prepack-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            ppk_id: get_ppk_id($(this), "-auto-prepack"),
                            field_type: 'auto-prepack',
                            field_val: $(this).prop("checked")}
                );
            });

            $("[id$='-btn-queue-up-to-par']").click(function () {
                $.post("{% url 'site:queue-prepack-up-to-par' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            ppk_id: $(this).val(),
                            que_val: $("#" + $(this).val() + "-up-to-par").val()},
                        function (data) {
                            $("#queue-success-display").html(data);
                            if (data.substring(0,5) == 'Error') {
                                $("#queue-success-display").css("color", "red");
                            } else {
                                $("#queue-success-display").css("color", "green");
                            }
                            $("#queue-success-display").show();
                        }
                );
            });

            $("[id$='-btn-delete-package']").click(function () {
                $.post("{% url 'site:delete-prepack-manage-package' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            ppk_id: $(this).val()},
                        function (data) {
                           window.location.reload(true);
                        }
                );
            });

            $("input[id$='-up-to-par']").each(function () {
                let prepack_id = get_ppk_id($(this), "-up-to-par");
                update_up_to_par(prepack_id);
            });
        }

        $( document ).ready(function() {
            apply_on_change_or_click();
        });

        $("#btn-multi-enable-ppk").click(function() {
            let checked_Boxes = '';
            let checkedBoxes = Array.from(document.querySelectorAll('.selordcheckbox:checked'));
            for (let i = 0; i < checkedBoxes.length; i++) {
                checked_Boxes = checked_Boxes.concat(checkedBoxes[i].outerHTML)
            }

            $.ajax("{% url 'site:enable-multiple-prepack' %}",
                    {
                        type: "POST",
                        data: {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            boxes: checked_Boxes
                        },
                        complete: function(){
                            location.reload();
                        }
                    },
            );
        });

        $("#btn-multi-disable-ppk").click(function() {
            let checked_Boxes = '';
            let checkedBoxes = Array.from(document.querySelectorAll('.selordcheckbox:checked'));
            for (let i = 0; i < checkedBoxes.length; i++) {
                checked_Boxes = checked_Boxes.concat(checkedBoxes[i].outerHTML)
            }

            $.ajax("{% url 'site:disable-multiple-prepack' %}",
                    {
                        type: "POST",
                        data: {
                            'csrfmiddlewaretoken': '{{csrf_token}}',
                            boxes: checked_Boxes
                        },
                        complete: function(){
                            location.reload();
                        }
                    },
            );
        });

        $("#btn-multi-change-ppk").click(function() {
            let checked_Boxes = '';
            let checkedBoxes = Array.from(document.querySelectorAll('.selordcheckbox:checked'));
            for (let i = 0; i < checkedBoxes.length; i++) {
                checked_Boxes = checked_Boxes.concat(checkedBoxes[i].outerHTML)
            }

            $("#change-ppk-div").dialog({
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 500,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Confirm",
                        "class": 'modal-dialog-button-right',
                        id: "btn-multi-remove-prepack",
                        name: "btn-multi-remove-prepack",
                        click: function () {
                            $(this).dialog("close");
                            $.ajax("{% url 'site:change-multiple-prepack' %}",
                                    {
                                        type: "POST",
                                        data: {
                                            'csrfmiddlewaretoken': '{{csrf_token}}',
                                            boxes: checked_Boxes,
                                            low_level: document.getElementById('low-level-multi').value,
                                            par_level: document.getElementById('par-level-multi').value,
                                            cards_on_hand: document.getElementById('cards-on-hand-multi').value,
                                        },
                                        complete: function(){
                                            location.reload();
                                        }
                                    },
                            );
                        }
                    }
                ]
            });
        });

        $("#btn-multi-remove-ppk").click(function() {
            let checked_Boxes = '';
            let checkedBoxes = Array.from(document.querySelectorAll('.selordcheckbox:checked'));
            for (let i = 0; i < checkedBoxes.length; i++) {
                checked_Boxes = checked_Boxes.concat(checkedBoxes[i].outerHTML)
            }

            $("#confirm-remove-ppk-div").dialog({
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 500,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Confirm",
                        "class": 'modal-dialog-button-right',
                        id: "btn-multi-remove-prepack",
                        name: "btn-multi-remove-prepack",
                        click: function () {
                            $(this).dialog("close");
                            $.ajax("{% url 'site:remove-multiple-prepack' %}",
                                    {
                                        type: "POST",
                                        data: {
                                            'csrfmiddlewaretoken': '{{csrf_token}}',
                                            boxes: checked_Boxes
                                        },
                                        complete: function(){
                                            location.reload();
                                        }
                                    },
                            );
                        }
                    }
                ]
            });
        });

        number_labeller_field.keypress(function(event) {
            let keycode = event.which;
            if (!(keycode >= 48 && keycode <= 57) && keycode !== 8) {
                event.preventDefault();
            }
        })
        number_labeller_field.keyup(function(event) {
            if (number_labeller_field.val().length === 5) {
                number_product_field.focus()
            }
        })
        number_labeller_field.blur(function() {
            number_labeller_field.val(('00000' + number_labeller_field.val()).slice(-5))
        })

        number_product_field.keypress(function(event) {
            let keycode = event.which;
            if (!(keycode >= 48 && keycode <= 57) && keycode !== 8) {
                event.preventDefault();
            }
        })
        number_product_field.keyup(function(event) {
            if (number_product_field.val().length === 4) {
                number_pack_code_field.focus()
            }
        })
        number_product_field.blur(function() {
            number_product_field.val(('0000' + number_product_field.val()).slice(-4));
        })

        number_pack_code_field.keypress(function(event) {
            let keycode = event.which;
            if (!(keycode >= 48 && keycode <= 57) && keycode !== 8) {
                event.preventDefault();
            }
        })
        number_pack_code_field.blur(function() {
            number_pack_code_field.val(('00' + number_pack_code_field.val()).slice(-2))
        })

        $("#btn-multi-change-ppk-ndc").click(function() {
            let instances = [];
            $('.selordcheckbox:checked').each(function() {
                let instanceValue = $(this).data('instance');
                if (instances.indexOf(instanceValue) === -1) {
                    instances.push(instanceValue);
                }
            });

            if (instances.length > 1) {
                $('#multiple-ndc').show();
            } else {
                $('#change-ndc-form').show();
            }

            let checkedBoxes = Array.from(document.querySelectorAll('.selordcheckbox:checked'));
            let checkedIds = checkedBoxes.map(function(checkbox) {
                return checkbox.id.match(/\d+/)[0]
            })
            console.log(checkedIds)

            $('#change-ppk-ndc').dialog({
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 700,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $('#multiple-ndc').hide();
                            $('#change-ndc-form').hide();
                            number_labeller_field.val('');
                            number_product_field.val('');
                            number_pack_code_field.val('');
                            $('#change-all-ndc').prop('checked', false);
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Confirm",
                        class: 'modal-dialog-button-left',
                        click: function () {
                            $('#multiple-ndc').hide();
                            let ndc_labeller = number_labeller_field.val();
                            let ndc_product = number_product_field.val();
                            let ndc_pack_code = number_pack_code_field.val();
                            let change_all = $('#change-all-ndc').prop('checked');

                            $('#change-ndc-validation-alert').css('display', 'none');
                            $('#change-ndc-validation-error-list').children().remove()

                            const apiURL = "{% url 'api:drug_list' %}?drug_number=" + ndc_labeller + ndc_product + ndc_pack_code;
                            console.log(apiURL)
                            $.ajax({
                                url: apiURL,
                                type: 'GET',
                                dataType: 'json',
                                success(drug_list) {
                                    if (drug_list.length === 0) {
                                        const apiURL = "{% url 'api:drug_package_list' %}?drug_number=" + ndc_labeller + ndc_product;
                                        $.ajax({
                                            url: apiURL,
                                            type: 'GET',
                                            dataType: 'json',
                                            success(drug_package_list) {
                                                let change_ndc = false;
                                                for (let i = 0; i < drug_package_list.length; i++) {
                                                    let pack_code = drug_package_list[i]['pack_code'];
                                                    if (pack_code === ndc_pack_code){
                                                        change_ndc = true;
                                                    }
                                                }
                                                if (change_ndc) {
                                                    $.ajax("{% url 'site:prepack-change-ndc' %}", {
                                                        type: "POST",
                                                        data: {
                                                            'csrfmiddlewaretoken': '{{csrf_token}}',
                                                            ndc_labeller: ndc_labeller,
                                                            ndc_product: ndc_product,
                                                            ndc_pack_code: ndc_pack_code,
                                                            change_all: change_all,
                                                            instances: instances[0],
                                                            checkedIds: JSON.stringify(checkedIds),
                                                            ndc11: false
                                                        },
                                                        success: function () {
                                                            location.reload();
                                                        }
                                                    })
                                                } else {
                                                    $('#change-ndc-validation-alert').css('display', 'block');
                                                    $('#change-ndc-validation-error-list').append('<li>New NDC not found in drug list.</li>');
                                                }
                                            }
                                        })
                                    } else {
                                        $.ajax("{% url 'site:prepack-change-ndc' %}", {
                                            type: "POST",
                                            data: {
                                                'csrfmiddlewaretoken': '{{csrf_token}}',
                                                ndc_labeller: ndc_labeller,
                                                ndc_product: ndc_product,
                                                ndc_pack_code: ndc_pack_code,
                                                change_all: change_all,
                                                instances: instances[0],
                                                checkedIds: JSON.stringify(checkedIds),
                                                ndc11: true
                                            },
                                            success: function () {
                                                location.reload();
                                            }
                                        })
                                    }
                                }
                            })
                        }
                    }
                ]
            })
        });
    });

    </script>
{% endblock %}

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

{% block content %}
    <h3 id="queue-success-display" style="color: green; display: none;"></h3>
    <div id="managePrepackInventoryDiv">
        {% include 'manage-prepack-inventory-rep.html' %}
    </div>
    {% include 'manual-add-to-ppk-wall.html' %}
{% endblock %}