{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $(document).tooltip();

            $("#show-full-rx-search-button").click(function () {
                $(this).hide();
                $("#hide-full-rx-search-button").show();
                $(".rxextrarow").show();
            });

            $("#hide-full-rx-search-button").click(function () {
                $(this).hide();
                $("#show-full-rx-search-button").show();
                $(".rxextrarow").hide();
            });

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

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

            window.addEventListener('pageshow', (event) => {
                if (event.persisted) {
                    $('body').hide();
                    location.reload();
                }
            });
        });

    </script>
{% endblock %}

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

{% block content %}
    <div>
        <table class="table table-striped table-bordered table-condensed">
            <thead>
            <tr class="dosis-report-header">
                <th>&nbsp;</th>
                <th>Rx Instance</th>
                <th>Drug Number</th>
                <th>Drug Name</th>
                <th>Quantity</th>
                <th>Time Received</th>
                <th>Order Type</th>
                <th>Req. State</th>
            </tr>
            </thead>
            <tbody>
            {% for rx in rx_list|slice:":10" %}
                <tr>
                    <td>{% if 'Req No Action' not in rx.req_state %}
                        <button class="btn btn-small btn-link showwobtn" type="button"
                                name="show-workorders-{{ rx.req_id }}"
                                id="show-workorders-{{ rx.req_id }}" value="{{ rx.req_id }}"><i
                                class="icon-plus"></i>
                        </button>
                        <button class="btn btn-small btn-link hidewobtn" type="button"
                                name="hide-workorders-{{ rx.req_id }}"
                                id="hide-workorders-{{ rx.req_id }}" value="{{ rx.req_id }}"
                                style="display: none;"><i
                                class="icon-minus"></i></button>
                    {% endif %}
                    </td>
                    <td {% if rx.is_test_request %} style="background-color: yellow;" {% endif %}> {% if lookup_type == 'rx' %}<a href="{% url 'site:search-rx-detail' rx.id %}">{% else %}<a href="{% url 'site:search-ord-req-rx-detail' rx.req_id %}">{% endif %}{{ rx.rx_number }}-{{ rx.fill_instance }}</a></td>
                    <td>{% if drugnum_type == 'NDC' and show_ndc_dashes == True %}{% if rx.drug_number|length > 8 %}
                        {{ rx.drug_number|slice:"0:5" }}-
                        {{ rx.drug_number|slice:"5:9" }}
                        {% if rx.drug_number|length > 10 %}-
                            {{ rx.drug_number|slice:"9:11" }}{% else %}-XX
                        {% endif %}{% endif %}{% else %}{{ rx.drug_number }}{% endif %}</td>
                    <td>{{ rx.drug_name }}</td>
                    <td>{{ rx.rx_quantity|floatformat:"-2" }}</td>
                    <td>{{ rx.receive_dts|date:"m/d/Y h:i:s A" }}</td>
                    <td>{{ rx.order_type }}</td>
                    <td>{{ rx.req_state }}</td>
                </tr>
                <tr id="wo-row-{{ rx.req_id }}" class="reqworow" style="display:none;">
                    <td colspan="8">
                        <table class="table table-striped table-bordered table-condensed">
                            <thead>
                            <tr style="background-color: lightyellow;">
                                <th>Work Order Id</th>
                                <th>Type</th>
                                <th>Status</th>
                                <th>Issued Time</th>
                                <th>Start Time</th>
                                <th>End Time</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for pack in rx.pack_list|dictsort:"package_count" %}
                                {% for task in pack.task_list%}
                                    {% if task.package_count == pack.package_count %}
                                        {% ifchanged task.wo_id %}
                                            <tr>
                                                <td><a href="{% url 'site:search-workorder-detail' task.wo_id %}">{{ task.wo_id }}</a></td>
                                                <td>{{ task.type }}</td>
                                                <td>{{ task.status }}</td>
                                                <td>{{ task.dts_create|date:"m/d/Y h:i:s A" }}</td>
                                                <td>{{ task.dts_start|date:"m/d/Y h:i:s A" }}</td>
                                                <td>{{ task.dts_state|date:"m/d/Y h:i:s A" }}</td>
                                            </tr>
                                        {% endifchanged %}
                                    {% endif %}
                                {% endfor %}
                            {% endfor %}
                            </tbody>
                        </table>
                    </td>
                </tr>
            {% endfor %}
            {% for rx in rx_list|slice:"10:" %}
                <tr class="rxextrarow" style="display: none;">
                    <td>{% if 'Req No Action' not in rx.req_state %}
                        <button class="btn btn-small btn-link showwobtn" type="button"
                                name="show-workorders-{{ rx.req_id }}"
                                id="show-workorders-{{ rx.req_id }}" value="{{ rx.req_id }}"><i
                                class="icon-plus"></i>
                        </button>
                        <button class="btn btn-small btn-link hidewobtn" type="button"
                                name="hide-workorders-{{ rx.req_id }}"
                                id="hide-workorders-{{ rx.req_id }}" value="{{ rx.req_id }}"
                                style="display: none;"><i
                                class="icon-minus"></i></button>
                    {% endif %}
                    </td>
                    <td {% if rx.is_test_request %} style="background-color: yellow;" {% endif %}>{% if lookup_type == 'rx' %}<a href="{% url 'site:search-rx-detail' rx.id %}">{% else %}<a href="{% url 'site:search-ord-req-rx-detail' rx.req_id %}">{% endif %}{{ rx.rx_number }}-{{ rx.fill_instance }}</a></td>
                    <td>{% if rx.drug_number|length > 8 %}
                        {{ rx.drug_number|slice:"0:5" }}-
                        {{ rx.drug_number|slice:"5:9" }}
                        {% if rx.drug_number|length > 10 %}-
                            {{ rx.drug_number|slice:"9:11" }}{% else %}-XX
                        {% endif %}{% endif %}</td>
                    <td>{{ rx.drug_name }}</td>
                    <td>{{ rx.rx_quantity|floatformat:"-2" }}</td>
                    <td>{{ rx.receive_dts|date:"m/d/Y h:i:s A" }}</td>
                    <td>{{ rx.order_type }}</td>
                    <td>{{ rx.req_state }}</td>
                </tr>
                <tr id="wo-row-{{ rx.req_id }}" class="reqworow" style="display:none;">
                    <td colspan="8">
                        <table class="table table-striped table-bordered table-condensed">
                            <thead>
                            <tr style="background-color: lightyellow;">
                                <th>Work Order Id</th>
                                <th>Type</th>
                                <th>Status</th>
                                <th>Issued Time</th>
                                <th>Start Time</th>
                                <th>End Time</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for pack in rx.pack_list|dictsort:"package_count" %}
                                {% for task in pack.task_list %}
                                    {% if task.package_count == pack.package_count %}
                                        {% ifchanged task.wo_id %}
                                            <tr>
                                                <td><a href="{% url 'site:search-workorder-detail' task.wo_id %}">{{ task.wo_id }}</a></td>
                                                <td>{{ task.type }}</td>
                                                <td>{{ task.status }}</td>
                                                <td>{{ task.dts_create|date:"m/d/Y h:i:s A" }}</td>
                                                <td>{{ task.dts_start|date:"m/d/Y h:i:s A" }}</td>
                                                <td>{{ task.dts_state|date:"m/d/Y h:i:s A" }}</td>
                                            </tr>
                                        {% endifchanged %}
                                    {% endif %}
                                {% endfor %}
                            {% endfor %}
                            </tbody>
                        </table>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    {% if rx_list|length > 10 %}
        <div>
            <button type="button" id="show-full-rx-search-button" name="show-full-rx-search-button"
                    class="btn btn-link">More than 10 Rx Search results returned. Click here to see full
                results
            </button>
            <button type="button" id="hide-full-rx-search-button" name="hide-full-rx-search-button"
                    class="btn btn-link" style="display: none;">Click here to hide full rx search results
            </button>
        </div>
    {% endif %}
    <div>
        Click below to view Rxs received for:
        <table class="table table-bordered table-condensed">
            <tr>
                {% for link in date_range_list %}
                    <td {% if link.0 == date_range %} style="font-weight: bold;" {% endif %}>
                        {% if lookup_type == 'rx' %}<a href="{% url 'site:search-rx-by-date' rx_search search_val %}?from={{ link.0 }}">
                                {% else %}<a href="{% url 'site:search-ord-req-rx-by-date' rx_search search_val %}?from={{ link.0 }}">{% endif %}
                            {{ link.1 }}</a></td>
                {% endfor %}
            </tr>
        </table>
    </div>
{% endblock %}