{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
       function copyToClipboard(text) {
          window.prompt("Copy to clipboard: Ctrl+C, Enter", text);
        }

        $(function () {
            const url = new URL(window.location);
            let params = url.searchParams;

            params.delete('clear_filters');
            params.delete('dafe_id');
            params.delete('days');
            params.delete('canister_serial');
            params.delete('fill_status');
            params.delete('location');
            params.delete('drug_number');

            url.search = params.toString();
            window.history.replaceState({}, document.title, url.toString());

            $("#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 'support:support-workorder-activity-report' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_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");
                        }
                    }
                ]
            });

            $("#dafe-action-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 'support:support-dafe-action-report' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#dafe-action-rep-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


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

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

            $("button[name^='animator']").click(function (event) {
                let url = window.location.href
                url = url.replace(/\/support\/.*/, '/support');
                url = url + '/animator?wo_task_id=' + get_icon_button_value(event).toString()
                window.open(url, '_blank');
            });
        });
    </script>
{% endblock %}

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

{% block content %}

    {% include 'topnav.html' %}
        <form id="fillRequestsForm" name="fillRequestsForm" method="POST">
            {% csrf_token %}
            <input type="hidden" name="current_wo_task_id" id="current_wo_task_id" value=""/>
            <table id="fill-request-table" class="table table-bordered table-striped">
                <thead style="position: sticky; top: 0;">
                <tr class="dosis-report-header">
                    {% include 'report-table-header.html' %}
                    <th><i class="icon-th-list"></i></th>
                </tr>
                </thead>
                <tbody>
                {% for fillreq in report_list %}
                    <tr style="background-color: white;">
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style='background-color: lightblue;'{% endif %}>
                            {% if fillreq.annotated_pmsrequest_id %}
                                <a href="{% url 'site:search-rx-detail' request_id=fillreq.annotated_pmsrequest_id %}" target="_blank">
                                    {{ fillreq.wo_task__wo__wo_id }}
                                </a>
                            {% else %}
                                {{ fillreq.wo_task__wo__wo_id }}
                            {% endif %}
                        </td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>
                            {% if discrepancies_only == 'Y' %}
                            <a href="{% url 'support:support-get-discrepancy-images' fillreq.wo_task__wo_task_id %}">{{ fillreq.wo_task__wo_task_id }}</a>
                            {% else %}
                            <a href="{% url 'support:support-get-run-images' fillreq.wo_task__wo_task_id %}">{{ fillreq.wo_task__wo_task_id }}</a>
                            {% endif %}
                        </td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.canister__serial_number }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{% if fillreq.instance__authority__authority_type == 'NDC' %}{% if fillreq.instance__authority__drug_number|length >= 9 %}
                                    {{ fillreq.instance__authority__drug_number|slice:"0:5" }}-{{ fillreq.instance__authority__drug_number|slice:"5:9" }}-{{ fillreq.replenishment__packaging__pack_code }}
                                {% else %}{{ fillreq.instance__authority__drug_number }}{% endif %}
                        {% else %}{{ fillreq.instance__authority__drug_number }}{% endif %}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.instance__authority__pharmaceutical__drug_name__label_name }} {{ fillreq.instance__authority__pharmaceutical__strength__label_name }}
                                    {{ fillreq.instance__authority__pharmaceutical__unit__label_name }} {{ fillreq.instance__authority__pharmaceutical__form__label_name }}</td>
                        {% if discrepancies_only == 'Y' %}
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.instance__manufacturer__name }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.instance__shape__name }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.instance__color__name }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.canister_map__canister_position__tag }} ({{ fillreq.canister_map__dafe__display_name }})</td>
                        <td {% if fillreq.is_undetected %}style="background-color: #fff3cd;"{% elif fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>
                            {% if fillreq.is_undetected %}UNDETECTED{% else %}{{ fillreq.fill_status }}{% endif %}
                        </td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.pack_status }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.starting_can_qty }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.req_quantity|floatformat:"-2" }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.disp_quantity|floatformat:"-2" }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.fillplan_pill_fraction }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.wo_task__wo__order_state__tag }}</td>
                        {% else %}
                        <td {% if fillreq.is_undetected %}style="background-color: #fff3cd;"{% elif fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>
                            {% if fillreq.is_undetected %}UNDETECTED{% else %}{{ fillreq.fill_status }}{% endif %}
                        </td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.pack_status }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.wo_task__wo__order_state__tag }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.starting_can_qty }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.req_quantity|floatformat:"-2" }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.disp_quantity|floatformat:"-2" }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.fillplan_pill_fraction }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.canister_map__canister_position__tag }} ({{ fillreq.canister_map__dafe__display_name }})</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.frame_count }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.elapsed_time }}</td>
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{% if fillreq.frames_per_pill != 0 %}{{ fillreq.frames_per_pill }}{% endif %}</td>
                        {% endif %}
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.wo_task__dts_start }}</td>
                        <td>
                            <div style="display: grid; grid-template-columns: repeat(2, 1fr)">
                                <button class="btn btn-small btn-link" type="button"
                                        id="btn-workorder-activity-{{ fillreq.wo_task__wo_task_id }}"
                                        name="btn-workorder-activity-{{ fillreq.wo_task__wo_task_id }}"
                                        value="{{ fillreq.wo_task__wo_task_id }}" title="Show Workorder Activity"><i
                                        class="icon-eye-open"></i></button>
                                <button class="btn btn-small btn-link" type="button"
                                        id="btn-dafe-action-{{ fillreq.wo_task__wo_task_id }}"
                                        name="btn-dafe-action-{{ fillreq.wo_task__wo_task_id }}"
                                        value="{{ fillreq.wo_task__wo_task_id }}" title="Show Dafe Action"><i
                                        class="icon-cog"></i></button>
                                <button class="btn btn-small btn-link" type="button"
                                    id="animator-{{ fillreq.wo_task__wo_task_id }}"
                                    name="animator-{{ fillreq.wo_task__wo_task_id }}"
                                    value="{{ fillreq.wo_task__wo_task_id }}" title="Animator"><i
                                    class="icon-play-circle"></i></button>
                                <a class="btn btn-small btn-link" href="/support/pillsig?canister_serial={{fillreq.canister__serial_number}}"><i class="icon-wrench"></i></a>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </form>
        {% include 'bottomnav.html' %}
    <div id="workorder-activity-rep" title="Workorder Activity" style="margin-left: 2px;">
        <div id="workorder-activity-rep-content">
            Loading workorder activity report data...
        </div>
    </div>
    <div id="dafe-action-rep" title="Dafe Action" style="margin-left: 2px;">
        <div id="dafe-action-rep-content">
            Loading dafe action report data...
        </div>
    </div>
{% endblock %}