{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function reset_view(pre_area) {
            let original_data = JSON.parse('"' + pre_area.attr('data-raw') + '"');
            pre_area.text(original_data);

            pre_area.css({
                'font-family': 'monospace',
                'white-space': '',
                'width': ''
            });
        }


        $(function () {
            $(document).tooltip();

            $("button[name^='show-packages-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#hide-packages-" + btnid).show();
                $("#packages-row-" + btnid).show();
            });

            $("button[name^='hide-packages-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#show-packages-" + btnid).show();
                $("#packages-row-" + btnid).hide();
            });

            $("#show-all-packages").click(function () {
                $(this).hide();
                $(".showpackbtn").hide();
                $("#hide-all-packages").show();
                $(".hidepackbtn").show();
                $(".reqpackrow").show();
            });

            $("#hide-all-packages").click(function () {
                $(this).hide();
                $(".hidepackbtn").hide();
                $("#show-all-packages").show();
                $(".showpackbtn").show();
                $(".reqpackrow").hide();
            });

            $("button[name^='show-tasks-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#hide-tasks-" + btnid).show();
                $("#tasks-row-" + btnid).show();
            });

            $("button[name^='hide-tasks-']").click(function () {
                var btnid = $(this).val();
                $(this).hide();
                $("#show-tasks-" + btnid).show();
                $("#tasks-row-" + btnid).hide();
            });

            $("#show-all-tasks").click(function () {
                $(this).hide();
                $(".showtaskbtn").hide();
                $("#hide-all-tasks").show();
                $(".hidetaskbtn").show();
                $(".workordtaskrow").show();
            });

            $("#hide-all-tasks").click(function () {
                $(this).hide();
                $(".hidetaskbtn").hide();
                $("#show-all-tasks").show();
                $(".showtaskbtn").show();
                $(".workordtaskrow").hide();
            });

            $("button[id^='reprint-card-label-']").click(function (event) {
                $.post("{% url 'site:reprint-card-label' %}", {
                    wo_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("button[id^='refill-card-']").click(function (event) {
                $.post("{% url 'site:refill-card' %}", {
                    wo_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function () {
                        window.location.reload(true);
                    });
            });

            $("button[id^='refill-order-request-']").click(function (event) {
                $.post("{% url 'site:regen-order-request' %}", {
                    req_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                }, function () {
                        window.location.reload(true);
                    });
            });

            $("button[id^='reprint-request-']").click(function (event) {
                $.post("{% url 'site:print-order-request' %}", {
                    req_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("button[id^='btn-reprint-additional-lbl-']").click(function (event) {
                $.post("{% url 'site:reprint-additonal-label' %}", {
                    req_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("button[id^='btn-reprint-rx-info-lbl-']").click(function (event) {
                $.post("{% url 'site:reprint-rx-info-label' %}", {
                    req_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("button[id^='btn-reprint-sub-comp-lbl-']").click(function (event) {
                $.post("{% url 'site:reprint-sub-comp-label' %}", {
                    req_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

            $("#pmis-details").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1750,
                position: {my: "top", at: "top", of: window},
                open: function (event, ui) {
                    $('#pmis-detail-content').html('Loading Raw Message...');
                    $.ajax({
                        url: "{% url 'site:report-pms-request-detail' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-detail-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("button[name^='btn-pms-details']").click(function (event) {
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-details").dialog("open");
            });

            $("#pmis-raw-message").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1000,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-pms-raw-message' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-raw-message-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "positional view",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            let pre_area = $(this).find("pre:first")
                            reset_view(pre_area);

                            // generate ruler to go at top of screen
                            let lines = pre_area.text().split("\n\n");
                            let longestLineLength = 0;
                            lines.forEach(function(line) {
                                let lineLength = line.length;
                                if (lineLength > longestLineLength) {
                                    longestLineLength = lineLength;
                                }
                            });
                            let result =  ""// Starting pattern
                            for (let i = 0; i <= longestLineLength; i += 10) {
                                if (i === 0) {
                                    // normalize ruler so that it can be used for both request by dose and non request by dose.
                                    if (pre_area.text().indexOf('  1)') !== -1 && pre_area.text().indexOf('  2)') !== -1 ) {
                                        result += "    1" + "-".repeat(8);
                                    } else {
                                        result += "1" + "-".repeat(8);
                                    }
                                } else if (i < 100){ // tens
                                    result += "-".repeat(8);
                                } else if (i >= 100 && i < 1000) { // hundreds
                                    result += "-".repeat(7);
                                } else if (i >= 1000 && i < 10000) { //thousands
                                    result += "-".repeat(6);
                                } else if (i >= 10000) { // ten-thousands and if more than this it will be marked wrong after 100,000 characters...
                                    result += "-".repeat(5);
                                }
                                result += i + 10
                            }

                            pre_area.text(result + '\n' + pre_area.text().replace(/\n\n/g, "\n"))
                            pre_area.css({
                                "font-family": "monospace",
                                "white-space": "pre",
                                "width": "max-content"
                            });
                        }
                    },
                    {
                        text: "HL7 view",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            let pre_area = $(this).find("pre:first")
                            reset_view(pre_area);

                            let text = pre_area.text().trim();

                            // Replace literal HL7 control indicators with delimiters
                            text = text
                                .replace(/<0x0B>/g, '')
                                .replace(/<0x1C>/g, '')
                                .replace(/<0x0D>/g, '\n');

                            let lines = text.split('\n');
                            let entries = [];

                            $.each(lines, function(_, line) {
                                line = line.trim();
                                if (!line) return;
                                let fields = line.split('|');
                                let seg_name = fields[0].trim();
                                if (!seg_name) return;
                                for (let i = 1; i < fields.length; i++) {
                                    entries.push({ segment: seg_name, label: seg_name + '.' + i, value: fields[i] || '' });
                                }
                            });

                            // find max label length for alignment
                            let max_len = 0;
                            $.each(entries, function(_, e) {
                                if (e.label.length > max_len) max_len = e.label.length;
                            });

                            // build formatted output with section separators
                            let output = '';
                            let last_seg = '';
                            $.each(entries, function(_, e) {
                                if (e.segment !== last_seg && last_seg !== '') {
                                    output += ''.padEnd(max_len + 15, '-') + '\n'; // separator line
                                }
                                output += e.label.padEnd(max_len, ' ') + ': ' + e.value + '\n';
                                last_seg = e.segment;
                            });

                            pre_area.text(output);
                        }
                    },
                    {
                        text: "Reset view",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            let pre_area = $(this).find("pre:first")
                            reset_view(pre_area);
                        }
                    }
                ]
            });

            $("#pmis-parsed-message").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-parsed-message' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-parsed-message-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#pmis-aux-info").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-aux-info-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-aux-info-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#pmis-data-tags").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-data-tags' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-data-tag-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-data-tags']").click(function (event) {
                $('#pmis-data-tag-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-data-tags").dialog("open");
            });

            $("#pmis-test-data-translations").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1000,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-test-data-translations' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-test-data-translations-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-test-data-translations']").click(function (event) {
                $('#pmis-test-data-translations-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-test-data-translations").dialog("open");
            });

            $("button[name^='btn-aux-info']").click(function (event) {
                $('#pmis-aux-info-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-aux-info").dialog("open");
            });

            $("button[name^='btn-raw-message']").click(function (event) {
                $('#pmis-raw-message-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-raw-message").dialog("open");
            });

            $("button[name^='btn-parsed-message']").click(function (event) {
                $('#pmis-parsed-message-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-parsed-message").dialog("open");
            });

            $("#ord-req-table").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:order-request-all-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_ord_req_id: $("#current_ord_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#ord-req-table-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-ord-req-all-data']").click(function (event) {
                $('#ord-req-table-content').html('');
                $("#current_ord_req_id").val(get_icon_button_value(event));
                $("#ord-req-table").dialog("open");
            });


            $("#ord-req-detail").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1750,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-order-request-detail' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_ord_req_id: $("#current_ord_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#ord-req-detail-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-ord-req-details']").click(function (event) {
                console.log('clicked')
                $('#ord-req-detail-content').html('');
                $("#current_ord_req_id").val(get_icon_button_value(event));
                $("#ord-req-detail").dialog("open");
            });

            $("#ord-req-pkg-table").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:order-request-package-all-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_ord_req_pkg_id: $("#current_ord_req_pkg_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#ord-req-pkg-table-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-ord-req-pkg-all-data']").click(function (event) {
                $('#ord-req-pkg-table-content').html('');
                $("#current_ord_req_pkg_id").val(get_icon_button_value(event));
                $("#ord-req-pkg-table").dialog("open");
            });


            $("button[name^='btn-print-label']").click(function (event) {
                $("#current_req_id").val(get_icon_button_value(event));
                $.post("{% url 'site:report-pms-print-label' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', current_req_id: $("#current_req_id").val()});
            });

            $("#workorder-activity-rep").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                position: {my: "center top", at: "center top", of: window},
                width: 1200,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-workorder-action' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_id: $("#current_wo_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-activity-rep-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("button[name^='btn-workorder-action-']").click(function (event) {
                $("#current_wo_id").val(get_icon_button_value(event));
                $('#workorder-activity-rep-content').html('Loading workorder activity report data...');
                $("#workorder-activity-rep").dialog("open");
            });

            $("#workorder-task-activity-rep").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                position: {my: "center top", at: "center top", of: window},
                width: 1200,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-workorder-task-action' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-task-activity-rep-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("button[name^='btn-workorder-task-action-']").click(function (event) {
                $("#current_wo_task_id").val(get_icon_button_value(event));
                $('#workorder-task-activity-rep-content').html('Loading workorder task activity report data...');
                $("#workorder-task-activity-rep").dialog("open");
            });

            $("#workorder-fulfillment-activity-rep").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                position: {my: "center top", at: "center top", of: window},
                width: 1200,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-workorder-fulfillment-action' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-fulfillment-activity-rep-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("button[name^='btn-workorder-fulfillment-action-']").click(function (event) {
                $("#current_wo_task_id").val(get_icon_button_value(event));
                $('#workorder-fulfillment-activity-rep-content').html('Loading workorder fulfillment activity report data...');
                $("#workorder-fulfillment-activity-rep").dialog("open");
            });

            $("#workorder-table").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:workorder-all-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_id: $("#current_wo_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-table-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-workorder-all-data']").click(function (event) {
                $('#workorder-table-content').html('');
                $("#current_wo_id").val(get_icon_button_value(event));
                $("#workorder-table").dialog("open");
            });

            $("#workorder-task-table").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:workorder-task-all-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-task-table-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-workorder-task-all-data']").click(function (event) {
                $('#workorder-task-table-content').html('');
                $("#current_wo_task_id").val(get_icon_button_value(event));
                $("#workorder-task-table").dialog("open");
            });

             $("#fulfillment-task-table").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:fulfillment-task-all-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#fulfillment-task-table-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-fulfillment-task-all-data']").click(function (event) {
                $('#fulfillment-task-table-content').html('');
                $("#current_wo_task_id").val(get_icon_button_value(event));
                $("#fulfillment-task-table").dialog("open");
            });

             $("#workorder-label-preview").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1000,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:workorder-rx-label-preview' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            wo_id: $("#current_wo_id").val()
                        },
                        {% if show_protected_items %}
                        success: function (data, status, jqXHR) {
                            $('#workorder-label-preview-content').html(data);
                        }
                        {% else %}
                        success: function (data, status, jqXHR) {
                            $('#workorder-label-preview-content').html("<p style=\"text-align:center;\">You must be logged in and have permission to view RX detailed info to see labels</p>");
                        }
                        {% endif %}
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-show-label']").click(function (event) {
                $('#workorder-label-preview-content').html('');
                $("#current_wo_id").val(get_icon_button_value(event));
                $("#workorder-label-preview").dialog("open");
            });


            $("#workorder-task-label-preview").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1000,
                open: function () {
                    $.ajax({
                        url: "{% url 'site:show-workorder-task-label-preview' %}",
                        type: 'POST',
                        data: {
                            csrfmiddlewaretoken: '{{ csrf_token }}',
                            wo_id: $("#current_wo_id").val(),
                            task_type_tag: $("#current_task_type_tag").val()
                        },
                        success: function (data) {
                            $('#workorder-task-label-preview-content').html(data);
                        }
                    });
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $(document).on('click', '[id^="btn-show-wo-task-label-preview-"]', function() {
                $('#workorder-task-label-preview-content').html('');
                $("#current_wo_id").val($(this).val());
                $("#current_task_type_tag").val($(this).data('task-type-tag'));
                $('#workorder-task-label-preview').dialog('open');
            });


            $("#workorder-card-preview").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 700,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:workorder-card-preview' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            wo_id: $("#current_wo_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#workorder-card-preview-content').html(data);
                            {% if not show_protected_items %}
                            $('#label-preview').html("<p style=\"text-align:center;\">You must be logged in and have permission to view RX detailed info to see labels</p>");
                            {% endif %}
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-show-card-preview']").click(function (event) {
                $('#workorder-card-preview-content').html('');
                $("#current_wo_id").val(get_icon_button_value(event));
                $("#workorder-card-preview").dialog("open");
            });


        $("button[name^='btn-cancel-request']").click(function (event) {
            var req_id = get_icon_button_value(event);
            $.post("{% url 'site:cancel-order-request' %}",
                    {csrfmiddlewaretoken: '{{csrf_token}}', req_id: req_id},
                function() {
                    window.location.reload(true);
                });
        });

        $("button[name^='btn-cancel-workorder']").click(function (event) {
            var wo_id = get_icon_button_value(event);
            $.post("{% url 'site:user-cancel-workorder' %}",
                    {csrfmiddlewaretoken: '{{csrf_token}}', wo_id: wo_id},
                function() {
                    window.location.reload(true);
                });
        });

        $("button[name^='btn-print-cancel-request']").click(function (event) {
            var req_id = get_icon_button_value(event);
            $.post("{% url 'site:print-cancel-order-request' %}",
                    {csrfmiddlewaretoken: '{{csrf_token}}', req_id: req_id},
                function() {
                    window.location.reload(true);
                });
        });

        $("button[name^='btn-reprocess']").click(function (event) {
                var req_id = get_icon_button_value(event);
                $.post("{% url 'site:report-pms-reprocess' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', current_req_id: req_id},
                    function( data ) {
                        $("#workorder-redirect").dialog({
                            autoOpen: false,
                            closeOnEscape: true,
                            modal: true,
                            draggable: false,
                            width: 400,
                            open: function (event, ui) {
                                $('#workorder-redirect-content').text('Request ' + req_id + ' Reprocessed with ID: ' + data.new_id)
                            },
                            position: {my: "top+100", at: "top", of: window},
                            buttons: [
                                {
                                    text: "Goto RX",
                                    "class": 'modal-dialog-button-float-right',
                                    click: function () {
                                        window.location = '/site/search/rx/' + data.new_id + '/detail'
                                    }
                                },
                                {
                                    text: "Close",
                                    "class": 'modal-dialog-button-float-left',
                                    click: function () {
                                        $(this).dialog("close");
                                    }
                                }
                            ]
                        });
                        $("#workorder-redirect").dialog("open");
                    }
                );
            });

            $("button[name^='btn-test-reprocess']").click(function (event) {
                const req_id = get_icon_button_value(event);
                $.post("{% url 'site:report-pms-test-reprocess' %}",
                    {csrfmiddlewaretoken: '{{csrf_token}}', current_req_id: req_id},
                    function( data ) {
                        $("#workorder-test-redirect").dialog({
                            autoOpen: false,
                            closeOnEscape: true,
                            modal: true,
                            draggable: false,
                            width: 400,
                            open: function (event, ui) {
                                $('#workorder-test-redirect-content').text('Request ' + req_id + ' Reprocessed as Test with ID: ' + data.new_id)
                            },
                            position: {my: "top+100", at: "top", of: window},
                            buttons: [
                                {
                                    text: "Goto Test RX",
                                    "class": 'modal-dialog-button-float-right',
                                    click: function () {
                                        window.location = '/site/search/rx/' + data.new_id + '/detail'
                                    }
                                },
                                {
                                    text: "Close",
                                    "class": 'modal-dialog-button-float-left',
                                    click: function () {
                                        $(this).dialog("close");
                                    }
                                }
                            ]
                        });
                        $("#workorder-test-redirect").dialog("open");
                    }
                );
            });
        });

    </script>
{% endblock %}

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

{% block content %}
    <form id="rxInfoDetailForm" name="rxInfoDetailForm" method="POST">
        {% csrf_token %}
        <input type="hidden" name="current_req_id" id="current_req_id" value=""/>
        <input type="hidden" name="current_ord_req_id" id="current_ord_req_id" value=""/>
        <input type="hidden" name="current_ord_req_pkg_id" id="current_ord_req_pkg_id" value=""/>
        <input type="hidden" name="current_wo_id" id="current_wo_id" value=""/>
        <input type="hidden" name="current_task_type_tag" id="current_task_type_tag" value=""/>
        <input type="hidden" name="current_wo_task_id" id="current_wo_task_id" value=""/>

        {% if pmsreq %}
        <div>
            <table class="table table-striped table-bordered table-condensed">
                <caption style="font-weight: bold; font-size: 14pt;">PMIS Detail Information</caption>
                <thead>
                <tr class="dosis-report-header">
                    <th>Rx Instance</th>
                    <th>Drug Number</th>
                {% if fill_using_alt_id %}<th>Drug Alt. Id</th>{% endif %}
                    <th>Drug Name</th>
                    <th>Quantity</th>
                    <th>Time Received</th>
                    <th>Status</th>
                    <th><i class="icon-list"></i></th>
                </tr>
                </thead>
                <tbody>
                {% for itm in pmsreq %}
                <tr>
                    <td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>
                        {{ itm.rx_number }}-{{ itm.fill_instance }}
                    </td>
                    <td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>{% if drugnum_type == 'NDC' and show_ndc_dashes == True %}{% if itm.drug_number|length > 8 %}
                        {{ itm.drug_number|slice:"0:5" }}-{{ itm.drug_number|slice:"5:9" }}{% if itm.drug_number|length > 10 %}-{{ itm.drug_number|slice:"9:11" }}{% else %}-XX
                        {% endif %}{% endif %}{% else %}{{ itm.drug_number }}{% endif %}</td>
                {% if fill_using_alt_id %}<td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>{{ itm.drug_alt_id }}</td>{% endif %}
                    <td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>{{ itm.drug_name }}</td>
                    <td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>{{ itm.rx_quantity|floatformat:"-2" }}</td>
                    <td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>{{ itm.receive_dts|date:"m/d/Y h:i:s A" }}</td>
                    <td {% if itm.is_test_request %}style="background-color: yellow;"{% endif %}>{{ itm.req_state }}</td>
                    <td style="padding-bottom: 2px; {% if itm.is_test_request %}background-color: yellow;{% endif %}">
                        <button id="btn-pms-details-{{ itm.id }}" name="btn-pms-details-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="Order Details" class="btn btn-small btn-link"><i
                                class="icon-file"></i></button>
                    {% if not itm.arch_rx %}
                        {% if show_protected_items %}
                        <button id="btn-raw-message-{{ itm.id }}" name="btn-raw-message-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="View Raw Message" class="btn btn-small btn-link"><i
                                class="icon-eye-open"></i></button>
                        {% endif %}
                        {% if show_protected_items %}
                        <button id="btn-data-tags-{{ itm.id }}" name="btn-data-tags-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="View Data Tags" class="btn btn-small btn-link"><i
                                class="icon-tag"></i></button>
                        {% endif %}
                    {% endif %}
                        {% if show_protected_items %}
                        <button id="btn-parsed-message-{{ itm.id }}" name="btn-parsed-message-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="View Parsed Data" class="btn-link"><i class="icon-briefcase"></i></button>
                        {% endif %}
                        <button id="btn-aux-info-{{ itm.id }}" name="btn-aux-info-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="View Aux Info Data" class="btn btn-small btn-link"><i
                                class="icon-asterisk"></i></button>
                        <button id="btn-test-data-translations-{{ itm.id }}" name="btn-test-data-translations-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="View Data Translation Results" class="btn btn-small btn-link"><i
                                class="icon-headphones"></i></button>
                    {% if not itm.arch_rx %}
                        {% if show_protected_items %}
                        <button id="btn-reprocess-{{ itm.id }}" name="btn-reprocess-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="Reprocess Request" class="btn btn-small btn-link"><i
                                class="icon-retweet"></i></button>
                        <button id="btn-test-reprocess-{{ itm.id }}" name="btn-test-reprocess-{{ itm.id }}" type="button"
                                value="{{ itm.id }}" title="Process as Test Request" class="btn btn-small btn-link"><i
                                class="icon-warning-sign"></i></button>
                        {% endif %}
                    {% endif %}
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}
        <div>
            <table class="table table-bordered table-condensed">
                <caption style="font-weight: bold; font-size: 14pt;">Order Request Detail Information</caption>
                <thead>
                <tr class="dosis-report-header">
                    <th style="width: 20px;">
                        <button class="btn btn-small btn-link" type="button" name="show-all-packages"
                                id="show-all-packages"><i class="icon-plus"></i></button>
                        <button class="btn btn-small btn-link" type="button" name="hide-all-packages"
                                id="hide-all-packages" style="display: none;"><i class="icon-minus"></i></button>
                    </th>
                    <th>Req. Id</th>
                    <th>Request Type</th>
                    <th>Id</th>
                    <th>Quantity</th>
                    <th>Priority</th>
                    <th>State</th>
                    <th>State Timestamp</th>
                    <th><i class="icon-list"></i></th>
                </tr>
                </thead>
                <tbody>
                {% for req in order_req_info %}
                    <tr {% if not req.end_state %}{% if not req.pms_req %}class="prepack_canister_order"
                {% else %}class="rx_order"{% endif %}{% endif %}>
                        <td>
                            <button class="btn btn-small btn-link showpackbtn" type="button"
                                    name="show-packages-{{ req.req_id }}"
                                    id="show-packages-{{ req.req_id }}" value="{{ req.req_id }}"><i class="icon-plus"></i>
                            </button>
                            <button class="btn btn-small btn-link hidepackbtn" type="button"
                                    name="hide-packages-{{ req.req_id }}"
                                    id="hide-packages-{{ req.req_id }}" value="{{ req.req_id }}" style="display: none;"><i
                                    class="icon-minus"></i></button>
                        </td>
                        <td>{{ req.req_id }}</td>
                        <td>{{ req.req_type }}</td>
                        <td>
                            {% if req.req_type_tag == 'PREPACK_CAN' %}{{ req.canister_serial }}{% elif req.req_type_tag == 'PREPACK_DRUG' or req.req_type_tag == 'PREPACK_DRUG_MANUAL' %}{{ req.req_drug_number }}{% else %}{{ req.rx_number }}-{{ req.fill_instance }}{% endif %}</td>
                        <td>{{ req.request_quantity|floatformat:"-2" }}</td>
                        <td>{{ req.request_priority }}</td>
                        <td {% if not req.end_state %}style="color: green; font-weight: bold;"{% endif %}>{{ req.request_state.display_name }}</td>
                        <td>{{ req.state_dts|date:"m/d/Y h:i:s A" }}</td>
                        <td>{% if show_refill|upper == 'TRUE' %}
                              {% if req.end_state %}
                                {% if show_protected_items %}
                                <button class="btn btn-small btn-link" type="button" name="refill-order-request-{{ req.req_id }}" id="refill-order-request-{{ req.req_id }}"
                                    value="{{ req.req_id }}" title="Refill Request"><i class="icon-retweet"></i></button>&nbsp;&nbsp;&nbsp;
                                {% endif %}
                                {% if workorders %}
                                {% if show_protected_items %}
                                <button class="btn btn-small btn-link" type="button" name="reprint-request-{{ req.req_id }}" id="reprint-request-{{ req.req_id }}"
                                    value="{{ req.req_id }}" title="Reprint Order"><i class="icon-print"></i></button>{% endif %}&nbsp;&nbsp;&nbsp;
                                {% endif %}
                              {% else %}
                                 {% if show_cancel|upper == 'TRUE' or req.pms_req == False %}
                                    <button id="btn-cancel-request-{{ req.req_id }}" name="btn-cancel-request-{{ req.req_id }}" type="button"
                                        value="{{ req.req_id }}" title="Cancel Order" class="btn btn-small btn-link"><i class="icon-remove"></i></button>
                                 {% endif %}
                                  {% if workorders %}
                                 {% if req.pms_req == True %}
                                    {% if show_print_cancel|upper == 'TRUE' %}<button id="btn-print-cancel-request-{{ req.req_id }}" name="btn-print-cancel-request-{{ req.req_id }}" type="button"
                                        value="{{ req.req_id }}" title="Print and Cancel Order" class="btn btn-small btn-link"><i class="icon-print"></i></button>
                                    {% endif %}
                                 {% endif %}{% endif %}
                              {% endif %}
                        {% endif %}
                        {% if req.end_state %}
                          {% if show_add_lbl_btn %}
                            <button class="btn btn-small btn-link" type="button" name="btn-reprint-additional-lbl-{{ req.req_id }}" id="btn-reprint-additional-lbl-{{ req.req_id }}"
                            value="{{ req.req_id }}" title="Reprint Additional Label"><i class="icon-plus-sign"></i></button>&nbsp;&nbsp;&nbsp;
                          {% endif %}
                          {% if show_rx_info_btn %}
                            <button class="btn btn-small btn-link" type="button" name="btn-reprint-rx-info-lbl-{{ req.req_id }}" id="btn-reprint-rx-info-lbl-{{ req.req_id }}"
                            value="{{ req.req_id }}" title="Reprint Rx Info Labels"><i class="icon-info-sign"></i></button>&nbsp;&nbsp;&nbsp;
                          {% endif %}
                          {% if show_sub_lbl_btn %}
                            <button class="btn btn-small btn-link" type="button" name="btn-reprint-sub-comp-lbl-{{ req.req_id }}" id="btn-reprint-sub-comp-lbl-{{ req.req_id }}"
                            value="{{ req.req_id }}" title="Reprint Sub Component Label"><i class="icon-flag"></i></button>&nbsp;&nbsp;&nbsp;
                          {% endif %}
                        {% endif %}
                        <button class="btn btn-small btn-link" type="button" name="btn-ord-req-all-data-{{ req.req_id }}" id="btn-ord-req-all-data-{{ req.req_id }}"
                            value="{{ req.req_id }}" title="Request Record"><i class="icon-adjust"></i>
                        </button>
                        <button class="btn btn-small btn-link" type="button" name="btn-ord-req-details-{{ req.req_id }}" id="btn-ord-req-details-{{ req.req_id }}" value="{{ req.req_id }}" title="Order Records">
                            <i class="icon-file"></i>
                        </button>
                    </td>
                    </tr>
                    <tr id="packages-row-{{ req.req_id }}" class="reqpackrow" style="display:none;">
                        <td colspan="6">
                            <table class="table table-striped table-bordered table-condensed">
                                <thead>
                                <tr style="background-color: lightyellow;">
                                    <th>Req. Pkg. Id</th>
                                    <th>Pkg. Count</th>
                                    <th>Package</th>
                                    <th>Quantity</th>
                                    <th>Qty Per Dose</th>
                                    <th>Medpass</th>
                                    <th><i class="icon-th-list"></i></th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for pack in req.package_list %}
                                    <tr>
                                        <td>{{ pack.id }}</td>
                                        <td>{{ pack.package_count }}</td>
                                        <td>{{ pack.package.description }}</td>
                                        <td>{{ pack.package_quantity|floatformat:"-2" }}</td>
                                        <td>{{ pack.quantity_per_dose|floatformat:"-2" }}</td>
                                        <td>{{ pack.medpass.display_name }}</td>
                                        <td>
                                           <button class="btn btn-small btn-link" type="button" name="btn-ord-req-pkg-all-data-{{ pack.id }}" id="btn-ord-req-pkg-all-data-{{ pack.id }}"
                                            value="{{ pack.id }}" title="Request Package Record"><i class="icon-adjust"></i></button>
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    {% if workorders %}
        <div>
            <table class="table table-striped table-bordered table-condensed">
                <caption style="font-weight: bold; font-size: 14pt;">Workorder Detail Information</caption>
                <thead>
                <tr class="dosis-report-header">
                    <th style="width: 20px;">
                        <button class="btn btn-small btn-link" type="button" name="show-all-tasks"
                                id="show-all-tasks"><i class="icon-plus"></i></button>
                        <button class="btn btn-small btn-link" type="button" name="hide-all-tasks"
                                id="hide-all-tasks" style="display: none;"><i class="icon-minus"></i></button>
                    </th>
                    <th>Workorder Id</th>
                    <th>Curr. Type</th>
                    <th>Req. Card Pos.</th>
                    <th>Card Pos.</th>
                    <th>Quantity</th>
                    <th>Status</th>
                    <th>Created</th>
                    <th>End Time</th>
                    <th>Source</th>
                    {% if show_canceled_by %}<th>Canceled By</th>{% endif %}
                    <th><i class="icon-th-list"></i></th>
                </tr>
                </thead>
                <tbody>
                {% for workord in workorders %}
                    <tr>
                        <td>
                            <button class="btn btn-small btn-link showtaskbtn" type="button"
                                    name="show-tasks-{{ workord.id }}"
                                    id="show-tasks-{{ workord.id }}" value="{{ workord.id }}"><i class="icon-plus"></i>
                            </button>
                            <button class="btn btn-small btn-link hidetaskbtn" type="button"
                                    name="hide-tasks-{{ workord.id }}"
                                    id="hide-tasks-{{ workord.id }}" value="{{ workord.id }}" style="display: none;"><i
                                    class="icon-minus"></i></button>
                        </td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.id }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.type }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.count }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.card_position }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.qty|floatformat:"-2" }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.state }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.create|date:"m/d/Y h:i:s A" }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{{ workord.end|date:"m/d/Y h:i:s A" }}</td>
                        <td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{% if workord.user_initiated %}User{% else %}System{% endif %}</td>
                        {% if show_canceled_by %}<td {% if workord.user_initiated %}style="background-color: pink;"{% endif %}>{% if workord.cancel_user_id > 0 %}{{ workord.cancel_user_initials }}{% else %}&nbsp;{% endif %}</td>{% endif %}
                        <td>
                            {% if show_protected_items %}
                                {% if workord.end_state == True %}
                                    {%if not is_prepack %}
                                        <button class="btn btn-small btn-link" type="button" name="refill-card-{{ workord.id }}" id="refill-card-{{ workord.id }}"
                                                value="{{ workord.id }}" title="Refill Card"><i class="icon-retweet"></i>
                                        </button>
                                        <button class="btn btn-small btn-link" type="button" name="reprint-card-label-{{ workord.id }}" id="reprint-card-label-{{ workord.id }}"
                                                value="{{ workord.id }}" title="Reprint Card Label"><i class="icon-print"></i>
                                        </button>
                                        {% if not disable_return_to_shelf %}
                                            <a class="btn btn-small btn-link"
                                                    href="{% url 'site:return-to-shelf-label' %}?wo_id={{ workord.id }}" title="Print Return to Shelf"><i
                                                    class="icon-share-alt"></i></a>
                                        {% endif %}
                                    {% endif %}
                                    <a class="btn btn-small btn-link"
                                    href="{% url 'site:submit-fill-errors' %}?wo_id={{ workord.id }}" title="Submit Undetected Fill Discrepancy"><i
                                    class="icon-envelope"></i></a>
                                {% else %}
                                    {% if allow_wo_cancel %}
                                        <button class="btn btn-small btn-link" type="button" name="btn-cancel-workorder-{{ workord.id }}"
                                                id="btn-cancel-workorder-{{ workord.id }}"
                                                value="{{ workord.id }}" title="Cancel Workorder"><i class="icon-remove"></i></button>
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                            <button class="btn btn-small btn-link" type="button" name="btn-show-card-preview-{{ workord.id }}" id="btn-show-card-preview-{{ workord.id }}"
                                            value="{{ workord.id }}" title="Show Card Preview"><i class="icon-picture"></i></button>&nbsp;
                            <button class="btn btn-small btn-link" type="button"
                                    id="btn-workorder-action-{{ workord.id }}"
                                    name="btn-workorder-action-{{ workord.id }}"
                                    value="{{ workord.id }}" title="Show Workorder Activity"><i
                                    class="icon-file"></i></button>
                            <button class="btn btn-small btn-link" type="button" name="btn-workorder-all-data-{{ workord.id }}" id="btn-workorder-all-data-{{ workord.id }}"
                                            value="{{ workord.id }}" title="Workorder Record"><i class="icon-adjust"></i></button>
                        </td>
                    </tr>
                    <tr id="tasks-row-{{ workord.id }}" class="workordtaskrow" style="display:none;">
                        <td colspan="10">
                            <table class="table table-striped table-bordered table-condensed">
                                <thead>
                                <tr style="background-color: lightyellow;">
                                    <th>Task Id</th>
                                    <th>Type</th>
                                    <th>State</th>
                                    <th>Status</th>
                                    <th>Timestamp</th>
                                    <th>Printer</th>
                                    <th>Source</th>
                                    <th><i class="icon-th-list"></i></th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for task in workord.tasks %}
                                    <tr>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{{ task.wo_task_id }}</td>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{{ task.task_type.description }}</td>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{{ task.task_state.display_name }}</td>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{{ task.task_status.display_name }}</td>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{{ task.dts_state|date:"m/d/Y h:i:s A" }}</td>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{% if task.printer.id > 0 %}{{ task.printer.description }}{% endif %}</td>
                                        <td {% if task.user_initiated %}style="background-color: pink;"{% endif %}>{% if task.user_initiated %}User{% else %}System{% endif %}</td>
                                        <td>
                                            <button class="btn btn-small btn-link" type="button"
                                                    id="btn-workorder-task-action-{{ task.wo_task_id }}"
                                                    name="btn-workorder-task-action-{{ task.wo_task_id }}"
                                                    value="{{ task.wo_task_id }}"
                                                    title="Show Workorder Task Activity">
                                                <i class="icon-file"></i>
                                            </button>
                                            <button class="btn btn-small btn-link" type="button"
                                                    id="btn-workorder-task-all-data-{{ task.wo_task_id }}"
                                                    name="btn-workorder-task-all-data-{{ task.wo_task_id }}"
                                                    value="{{ task.wo_task_id }}"
                                                    title="Workorder Task Record">
                                                <i class="icon-adjust"></i>
                                            </button>
                                            {% if task.task_type.tag == 'TASK_FILL_AUTO' or task.task_type.tag == 'TASK_FILL_SEMI' or task.task_type.tag == 'TASK_FILL_MANUAL' %}
                                                <button class="btn btn-small btn-link" type="button"
                                                        id="btn-fulfillment-task-all-data-{{ task.wo_task_id }}"
                                                        name="btn-fulfillment-task-all-data-{{ task.wo_task_id }}"
                                                        value="{{ task.wo_task_id }}"
                                                        title="Workorder Fulfillment Task Record">
                                                    <i class="icon-hand-down"></i>
                                                </button>
                                                <button class="btn btn-small btn-link" type="button"
                                                        id="btn-workorder-fulfillment-action-{{ task.wo_task_id }}"
                                                        name="btn-workorder-fulfillment-action-{{ task.wo_task_id }}"
                                                        value="{{ task.wo_task_id }}"
                                                        title="Show Workorder Fulfillment Activity">
                                                    <i class="icon-book"></i>
                                                </button>
                                            {% endif %}

                                            {% if show_protected_items %}
                                                {% if task.task_type.tag == 'TASK_FILL_AUTO' or task.task_type.tag == 'TASK_EXT_PRINT' or task.task_type.tag == 'TASK_EXT_PRINT_PREPACK' or task.task_type.tag == 'TASK_PRINT_ADD_LBL_AT_REQUEST' or task.task_type.tag == 'TASK_PRINT_ADD_LBL_AT_FILLING' or task.task_type.tag == 'TASK_PRINT_INFO_SHEET_AT_REQUEST' or task.task_type.tag == 'TASK_PRINT_INFO_SHEET_AT_FILLING' or task.task_type.tag == 'TASK_EXT_PRINT_JOB_TICKET' or task.task_type.tag == 'TASK_EXT_PRINT_SHELF' %}
                                                    <button
                                                        class="btn btn-small btn-link"
                                                        type="button"
                                                        name="btn-show-wo-task-label-preview-{{ workord.id }}"
                                                        id="btn-show-wo-task-label-preview-{{ workord.id }}"
                                                        value="{{ workord.id }}"
                                                        data-task-type-tag="{{ task.task_type.tag }}"
                                                        title="Show Card Preview">
                                                        <i class="icon-picture"></i>
                                                    </button>&nbsp;
                                                {% endif %}
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
    </form>
    <div id="pmis-details" title="PMIS Details" style="margin-left: 2px;">
        <div id="pmis-detail-content">
            Loading Details...
        </div>
    </div>
    <div id="pmis-raw-message" title="Raw Message" style="margin-left: 2px;">
        <div id="pmis-raw-message-content">
        </div>
    </div>
    <div id="pmis-parsed-message" title="Parsed PMIS Data" style="margin-left: 2px;">
        <div id="pmis-parsed-message-content">
        </div>
    </div>
    <div id="pmis-data-tags" title="PMIS Data Tags" style="margin-left: 2px;">
        <div id="pmis-data-tag-content">
            Loading Data Tag Data...
        </div>
    </div>
    <div id="pmis-test-data-translations" title="PMIS Data Tags" style="margin-left: 2px;">
        <div id="pmis-test-data-translations-content">
            Loading Test Data Tranlsation Data...
        </div>
    </div>
    <div id="pmis-aux-info" title="PMIS Aux Info Data" style="margin-left: 2px;">
        <div id="pmis-aux-info-content">
            Loading Aux Info Data...
        </div>
    </div>
    <div id="ord-req-table" title="Order Request Full Data" style="margin-left: 2px;">
        <div id="ord-req-table-content">
            Loading Order Request Table Data...
        </div>
    </div>
    <div id="ord-req-pkg-table" title="Order Request Package Full Data" style="margin-left: 2px;">
        <div id="ord-req-pkg-table-content">
            Loading Order Request Package Table Data...
        </div>
    </div>
    <div id="workorder-activity-rep" title="Workorder Actions" style="margin-left: 2px;">
        <div id="workorder-activity-rep-content">
            Loading workorder activity report data...
        </div>
    </div>
    <div id="workorder-task-activity-rep" title="Workorder Task Actions" style="margin-left: 2px;">
        <div id="workorder-task-activity-rep-content">
            Loading workorder task activity report data...
        </div>
    </div>
    <div id="workorder-fulfillment-activity-rep" title="Workorder Fulfillment Actions" style="margin-left: 2px;">
        <div id="workorder-fulfillment-activity-rep-content">
            Loading workorder fulfillment activity report data...
        </div>
    </div>
    <div id="workorder-table" title="Workorder Full Data" style="margin-left: 2px;">
        <div id="workorder-table-content">
            Loading Workorder Table Data...
        </div>
    </div>
    <div id="workorder-task-table" title="Workorder Task Full Data" style="margin-left: 2px;">
        <div id="workorder-task-table-content">
            Loading Workorder Task Table Data...
        </div>
    </div>
    <div id="fulfillment-task-table" title="Workorder Fulfillment Task Full Data" style="margin-left: 2px;">
        <div id="fulfillment-task-table-content">
            Loading Workorder Fulfillment Task Table Data...
        </div>
    </div>
    <div id="workorder-label-preview" title="Rx Label Preview" style="margin-left: 2px;">
        <div id="workorder-label-preview-content">
            Loading Rx Label Preview...
        </div>
    </div>
    <div id="workorder-task-label-preview" title="Label Preview" style="margin-left: 2px;">
        <div id="workorder-task-label-preview-content">
            Loading Label Preview...
        </div>
    </div>
    <div id="workorder-card-preview" title="Card Preview" style="margin-left: 2px;">
        <div id="workorder-card-preview-content">
            Loading Card Preview...
        </div>
    </div>
    <div id="workorder-redirect" title="Reprocessing as New Request" style="margin-left: 2px; display: none;">
        <div id="workorder-redirect-content">
            Processing New Request...
        </div>
    </div>
    <div id="workorder-test-redirect" title="Reprocessing as Test Request" style="margin-left: 2px; display: none;">
        <div id="workorder-test-redirect-content">
            Processing New Request...
        </div>
    </div>
    <div id="ord-req-detail" title="Order Request Details" style="margin-left: 2px; display: none;">
        <div id="ord-req-detail-content">
            Processing New Request...
        </div>
    </div>
{% endblock %}