{% extends "support.html" %}


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

        $(function () {
            $("#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');
            });

            $("button[name^='btn-clipboard-run-cmd']").click(function (event) {
                $("#current_wo_task_id").val(get_icon_button_value(event));
                $.ajax({
                        url: "{% url 'support:support-get-animator-cmd' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_wo_task_id: $("#current_wo_task_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            var rn_str = "rn2 -s D" + String(data.serial_num) + " -i 4 " + String(data.vpn_ip) + " " + String(data.wo_task_id);
                            copyToClipboard(rn_str);
                        }
                    })
            });
        });
    </script>
{% endblock %}

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

{% block content %} {% endblock %}

{% block fullwidthcontainer %}
    <div style="margin-left: auto; margin-right: auto; padding-left: 35px; padding-right: 35px;">
        <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 %}>{{ fillreq.wo_task__wo__wo_id }}</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.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.fill_status }}</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.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.wo_task__wo__order_state__tag }}</td>
                        {% else %}
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.fill_status }}</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.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.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.wo_task__wo__current_type__tag }}</td>
                        {% endif %}
                        <td {% if fillreq.pill_signature__protocol__tag == 'OBJECT_DETECT' %}style="background-color: lightblue;"{% endif %}>{{ fillreq.wo_task__dts_start }}</td>
                        <td>
                            <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>&nbsp;
                            <button class="btn btn-small btn-link" type="button"
                                    id="btn-clipboard-run-cmd-{{ fillreq.wo_task__wo_task_id }}"
                                    name="btn-clipboard-run-cmd-{{ fillreq.wo_task__wo_task_id }}"
                                    value="{{ fillreq.wo_task__wo_task_id }}" title="Show Animator Cmd"><i
                                    class="icon-facetime-video"></i></button>&nbsp;
                            <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>&nbsp;
                                <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>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </form>
        {% include 'pagenav.html' %}
    </div>
    <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 %}