{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function get_ppk_id(field, field_name) {
            var lookupid = field.attr("id");
            lookupid = lookupid.replace(field_name, "");
            return lookupid;
        }

        function update_up_to_par(ppk_id) {
            var par_value = $("#" + ppk_id + "-par-level").val();
            var on_hand_value = $("#" + ppk_id + "-on-hand").val();

            var up_to_par_value = parseInt(par_value) - parseInt(on_hand_value);
            if (isNaN(up_to_par_value)) {
                up_to_par_value = 0;
            }
            if (up_to_par_value < 0) {
                up_to_par_value = 0;
            }

            $("#" + ppk_id + "-up-to-par").val(up_to_par_value);
        }

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

            $("button[name='print_canister_label']").click(function (event) {
                $.post("{% url 'site:print-canister-label' %}", {
                    serial: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });

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

            $("button[id^='disable_site_drug_']").click(function (event) {
                $.post("{% url 'site:set-site-drug-disabled' %}", {
                    inst_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
                $("#disable_site_drug_" + $(this).val()).hide();
                $("#enable_site_drug_" + $(this).val()).show();
            });

            $("button[id^='enable_site_drug_']").click(function (event) {
                $.post("{% url 'site:set-site-drug-enabled' %}", {
                    inst_id: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
                $("#disable_site_drug_" + $(this).val()).show();
                $("#enable_site_drug_" + $(this).val()).hide();
            });

        });
    </script>
{% endblock %}

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

{% block content %}
    <h3 id="queue-success-display" style="color: green; display: none;"></h3>
    <form id="managePrepackForm" name="managePrepackForm" method="POST">
    <div>
        <table class="table table-striped table-bordered table-condensed">
            <caption
                    style="font-weight: bold; font-size: 16pt; padding-top: 8px; padding-bottom: 5px;">{{ drug.pharmaceutical.drug_name.label_name }}
                {{ drug.pharmaceutical.strength.label_name }}
                {{ drug.pharmaceutical.unit.label_name }}
                {{ drug.pharmaceutical.form.label_name }}</caption>
            <thead>
            <tr class="dosis-report-header">
                <th>Manufactuer</th>
                <th>Shape</th>
                <th>Color</th>
                <th>Front Imprint</th>
                <th>Back Imprint</th>
                <th>Pill Cost</th>
                <th><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for inst in drug.instances_set.all %}
                <tr>
                    <td>{{ inst.manufacturer.name }}</td>
                    <td>{{ inst.shape.name }}</td>
                    <td>{{ inst.color.name }}</td>
                    <td>{{ inst.imprint_front }}</td>
                    <td>{{ inst.imprint_back }}</td>
                    <td>{{ inst.pill_cost }}</td>
                    <td><a href="{% url 'site:drug-site-drug-edit' drug.id %}" title="Edit Site Drug"><i
                            class="icon-pencil"></i></a>&nbsp;&nbsp;&nbsp;
                        <button class="btn btn-small btn-link" type="button" name="disable_site_drug_{{ inst.id }}" id="disable_site_drug_{{ inst.id }}"
                            value="{{ inst.id }}" title="Disable Site Drug" {% if inst.active == False %}style="display: none;"{% endif %}><i class="icon-ban-circle"></i>
                    </button>
                    <button class="btn btn-small btn-link" type="button" name="enable_site_drug_{{ inst.id }}" id="enable_site_drug_{{ inst.id }}"
                            value="{{ inst.id }}" title="Enable Site Drug" {% if inst.active == True %}style="display: none;"{% endif %}><i class="icon-ok"></i>
                    </button>&nbsp;&nbsp;&nbsp;
                 <a href="{% url 'site:manage-drug-aux-messages' drug.id %}?back=drugsearch"><i title="Edit Drug Aux Messages"
                                                                                        class="icon-asterisk"></i></a>&nbsp;&nbsp;&nbsp;
                    {% if not hide_max_per_blister %}
                <button type="button" id="btn-max-per-blister-{{ inst.id }}"
                            name="btn-max-per-blister-{{ inst.id }}"
                            value="{{ inst.id }}" class="btn btn-mini btn-link"
                            title="Set Max Per Blister"><i class="icon-resize-horizontal"></i></button>&nbsp;&nbsp;&nbsp;
                    {% endif %}
                    <a href="{% url 'site:manage-pill-image' inst.id %}?back=drugsearch"><i title="Manage Pill Image"
                                                                                        class="icon-picture"></i></a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <div>
        <table class="table table-striped table-bordered table-condensed">
            <thead>
            <tr class="dosis-report-header">
                <th>Drug Number</th>
                <th>Barcode</th>
                <th>Quantity</th>
            </tr>
            </thead>
            <tbody>
            {% for pack in drug.packaging_set.all %}
                <tr>
                    <td>{% if drugnum_type == 'NDC' %}{{ drug.drug_number|slice:"0:5" }}{% if show_ndc_dashes == True %}-{% endif %}{{ drug.drug_number|slice:"5:9" }}{% if show_ndc_dashes == True %}-{% endif %}{{ pack.pack_code }}
                    {% else %}{{ drug.drug_number }}{% endif %}</td>
                    <td>{{ pack.barcode }}</td>
                    <td>{{ pack.quantity }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <div>
        <table class="table table-striped table-bordered table-condensed">
            <caption style="font-weight: bold; font-size: 14pt;">Associated Canisters</caption>
            <thead>
            <tr class="dosis-report-header">
                <th>Serial Number</th>
                <th>Location</th>
                <th>Quantity</th>
                <th>Status</th>
                <th>Total Cost</th>
                <th>Pend Work</th>
                <th>Active</th>
                <th><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for can in canister_list %}
                <tr>
                    <td><a href="{% url 'site:search-canister-detail' can.id %}">{{ can.serial_number }}</a></td>
                    <td>{% if can.canistermap.canister_position.tag %}
                        {{ can.canistermap.canister_position.tag }}{% else %}Shelf{% endif %}
                        {% if can.canistermap.dafe.display_name %}({{ can.canistermap.dafe.display_name }}
                            ){% endif %}</td>
                    <td>{{ can.quantity }}</td>
                    <td>{{ can.display_status.description }}</td>
                    <td>{{ can.total_cost }}</td>
                    <td>{{ can.pill_demand }}</td>
                    <td>{{ can.active }}</td>
                    <td>{% if can.active %}{% if drug.pharmaceutical.secured %}
                        <a class="btn btn-small btn-link" style="color: darkorange;"
                           href="{% url 'site:secure-dispense-prepack-canister' can.serial_number %}" title="Prepack">
                            <i class="icon-th"></i><a class="btn btn-small btn-link" style="color: darkorange;"
                           href="{% url 'site:secure-replenishment' %}?can_id={{ can.serial_number }}"
                           title="Replenish Canister"><i class="icon-refresh"></i></a></a>
                    {% else %}
                        <a class="btn btn-small btn-link"
                           href="{% url 'site:dispense-prepack-canister' can.serial_number %}" title="Prepack">
                            <i class="icon-th"></i></a>{% if show_replen_btn %}
                    <a class="btn btn-small btn-link"
                           href="{% url 'site:replenishment' %}?can_id={{ can.serial_number }}"
                           title="Replenish Canister"><i class="icon-refresh"></i></a>{% endif %}{% endif %}
                        <button class="btn btn-small btn-link" type="button" name="print_canister_label"
                                value="{{ can.serial_number }}" title="Print Label"><i class="icon-print"></i>
                        </button>{% endif %}
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <div>
        <table class="table table-striped table-bordered table-condensed">
            <caption style="font-weight: bold; font-size: 14pt;">Prepack Inventory</caption>
            <thead>
            <tr class="dosis-report-header">
                <th>Prepack Type</th>
                <th>Package Type</th>
                <th>Par Level</th>
                <th>Cards On Hand</th>
                <th>Auto Prepack</th>
            </tr>
            </thead>
            <tbody>
            {% for ppk in prepack_card_list %}
                <tr>
                    <td>{{ ppk.prepack_type.description }}</td>
                    <td>{{ ppk.prepack_type.package_type.description }}</td>
                    <td>{{ ppk.par_level }}</td>
                    <td>{{ ppk.on_hand }}</td>
                    <td>{% if ppk.auto_prepack %}True{% else %}False{% endif %}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <div>
        Click below to view PMIS requests for this drug received:
        <table class="table table-bordered table-condensed">
            <tr>
                {% for link in date_range_list %}
                    <td>
                        <a href="{% url 'site:report-pms-requests' %}?drug-number-filter={{ drug.drug_number }}&date-choice-filter=
                                {{ link.0 }}{% if link.1 %}&date-from-filter={{ link.1 }}{% endif %}{% if link.2 %}&date-to-filter={{ link.2 }}{% endif %}">
                            {{ link.3 }}</a></td>
                {% endfor %}
            </tr>
        </table>
    </div>
    </form>
    <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 %}