{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>

        $(function () {
            const url = new URL(window.location);
            url.search = '';
            window.history.replaceState({}, document.title, url.toString());

            $("input[id^='pill_sig_conf_']").change(function () {
                var pillsigid = $(this).val();
                if ($(this).is(":checked")) {
                    $.post("{% url 'support:support-pillsig-confirm' %}",
                            {'csrfmiddlewaretoken': '{{csrf_token}}', pillsig_id: pillsigid, confval: 'true'},
                            function () {
                                window.location.reload(true);
                            });
                } else {
                    $.post("{% url 'support:support-pillsig-confirm' %}",
                            {'csrfmiddlewaretoken': '{{csrf_token}}', pillsig_id: pillsigid, confval: 'false'},
                            function () {
                                window.location.reload(true);
                            });
                }
            });

            $("button[id^='btn-batch-5-']").click(function (event) {
                var canid = $(this).val();
                $.post("{% url 'support:support-batch-5' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_id: canid});
            });

            $("button[id^='btn-un-attn-']").click(function (event) {
                var canid = $(this).val();
                $.post("{% url 'support:support-unattention-canister' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', can_id: canid});
            });

            $("#max-per-blister").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                position: { my: "top", at: "top", of: window },
                open: function (event, ui) {
                    $('#max-per-blister-content').html('Loading Instance Data...');
                    $.ajax({
                        url: "{% url 'support:get-max-per-blister' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            inst_id: $("#current_inst_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#max-per-blister-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            submitMaxPillsForm();
                        }
                    }
                ]
            });


            $("button[name^='btn-max-per-blister']").click(function (event) {
                $("#current_inst_id").val(get_icon_button_value(event));
                $("#max-per-blister").dialog("open");
            });

            $(document).tooltip();
        });
    </script>
{% endblock %}

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

{% block content %}
    <form id="pillSigReportForm" name="pillSigReportForm" method="POST">
        {% csrf_token %}
        <table id="pill-signature-table" class="table table-bordered" style="font-size: 9pt;">
            <thead style="position: sticky; top: 0;">
            <tr class="dosis-report-header">
                {% include 'report-table-header.html' %}
                <th class="pill-sig-td"><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for pillsig in report_list %}
                <tr {% if pillsig.canister__instance__id == pillsig.instance__id %}style="background-color: white;"{% else %}style="background-color: #b1b3b5;"{% endif %}>
                    <td class="pill-sig-td">{{ pillsig.canister__serial_number }}</td>
                    <td class="pill-sig-td">{% if drugnum_type == 'NDC' %}{% if pillsig.instance__authority__drug_number|length > 8 %}{{ pillsig.instance__authority__drug_number|slice:"0:5" }}-{{ pillsig.instance__authority__drug_number|slice:"5:9" }}{% if pillsig.instance__authority__drug_number|length > 10 %}-{{ pillsig.instance__authority__drug_number|slice:"9:11" }}{% else %}-XX{% endif %}{% endif %}
                    {% else %}{{ pillsig.instance__authority__drug_number }}{% endif %}</td>
                    <td class="pill-sig-td">{{ pillsig.instance__authority__pharmaceutical__drug_name__label_name }}
                    {{ pillsig.instance__authority__pharmaceutical__strength__label_name }}
                    {{ pillsig.instance__authority__pharmaceutical__unit__label_name }}
                    {{ pillsig.instance__authority__pharmaceutical__form__label_name }}</td>
                    <td class="pill-sig-td">{{ pillsig.creation|date:"SHORT_DATETIME_FORMAT" }}</td>
                    <td class="pill-sig-td">{{ pillsig.dafe__display_name }}</td>
                    <td class="pill-sig-td">{{ pillsig.total_count }}</td>
                    <td class="pill-sig-td">{{ pillsig.good_count }}</td>
                    <td class="pill-sig-td">{{ pillsig.good_pct|floatformat }}</td>
                    <td class="pill-sig-td">{{ pillsig.warn_count }}</td>
                    <td class="pill-sig-td">{{ pillsig.warn_pct|floatformat }}</td>
                    <td class="pill-sig-td">{{ pillsig.undetected_count }}</td>
                    <td class="pill-sig-td">{{ pillsig.undetected_pct|floatformat }}</td>
                    <td class="pill-sig-td">{{ pillsig.protocol__description }}</td>
                    <td class="pill-sig-td">{{ pillsig.instance__max_per_blister }}</td>
                    <td class="pill-sig-td">{{ pillsig.width }}</td>
                    <td class="pill-sig-td">{{ pillsig.length }}</td>
                    <td class="pill-sig-td">{{ pillsig.area }}</td>
                    <td class="pill-sig-td">{{ pillsig.threshold_low }}</td>
                    <td class="pill-sig-td">{{ pillsig.threshold_high }}</td>
                    <td class="pill-sig-td">{% if pillsig.red_channel == True %}R {% endif %}
                        {% if pillsig.green_channel == True %}G {% endif %}
                        {% if pillsig.blue_channel == True %}B{% endif %}</td>
                    <td class="pill-sig-td">{{ pillsig.vib_min }}</td>
                    <td class="pill-sig-td">{{ pillsig.vib_max }}</td>
                    <td class="pill-sig-td">{{ pillsig.blister_index_delay }}</td>
                    <td class="pill-sig-td">{{ pillsig.blister_index_delay_multi }}</td>
                    <td class="pill-sig-td">{% if pillsig.vib_blister %}YES{% else %}NO{% endif %}</td>
                    <td class="pill-sig-td">{% if pillsig.vib_blister_multi %}YES{% else %}NO{% endif %}</td>
                    <td class="pill-sig-td">{% if pillsig.remove_dust %}YES{% else %}NO{% endif %}</td>
                    <td class="pill-sig-td">{{ pillsig.user_init }}</td>
                    <td class="pill-sig-td"><input type="checkbox" id="pill_sig_conf_{{ pillsig.id }}"
                                                   name="pill_sig_conf_{{ pillsig.id }}"
                                                   value="{{ pillsig.id }}"
                                                   {% if pillsig.confirmed %}checked{% endif %}/></td>
                    <td class="pill-sig-td"><span style="display: inline-block; width: 110px;">
                    <a class="btn btn-mini btn-link" href="{% url 'support:support-edit-pillsig' pillsig.id %}"
                       title="Edit"><i class="icon-pencil"></i></a>
                    <!--button type="button" id="btn-batch-5-{{ pillsig.id }}" name="btn-batch-5-{{ pillsig.id }}"
                            value="{{ pillsig.canister__serial_number }}" class="btn btn-mini btn-link"
                            title="Batch 5">B5
                    </button-->
                    <button type="button" id="btn-un-attn-{{ pillsig.id }}" name="btn-un-attn-{{ pillsig.id }}"
                            value="{{ pillsig.canister__serial_number }}" class="btn btn-mini btn-link"
                            title="Un-Attention Canister"><b>!</b>
                    </button>
                    <button type="button" id="btn-max-per-blister-{{ pillsig.id }}"
                            name="btn-max-per-blister-{{ pillsig.id }}"
                            value="{{ pillsig.instance__id }}" class="btn btn-mini btn-link"
                            title="Set Max Per Blister"><i class="icon-resize-horizontal"></i></button></span></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </form>
    {% include 'pagenav.html' %}
    <form id="frmSetPillsPerBlister" name="frmSetPillsPerBlister" method="POST">
        {% csrf_token %}
        <input type="hidden" id="current_inst_id" name="current_inst_id" value=""/>

        <div id="max-per-blister" title="Set Max Pills Per Blister" style="margin-left: 2px;">
            <div id="max-per-blister-content">
                Loading Instance Data...
            </div>
        </div>
    </form>
{% endblock %}