{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $(document).tooltip();
            {% if select_printer_canister %}
                var canister = 0;

                $('#printer-select').change(function (event) {
                    localStorage.setItem("printer-selection-canister-detailed", $(this).val());
                });

                $("button[name='print_canister_label']").click(function (event) {
                    canister = $(this).val();
                    if (localStorage.getItem("printer-selection-canister-detailed") !== null) {
                        var select_statement = document.getElementById('printer-select');
                        select_statement.value = localStorage.getItem('printer-selection-canister-detailed');
                    }
                    $("#select-printer").dialog({
                        closeOnEscape: true,
                        modal: true,
                        draggable: false,
                        width: 500,
                        buttons: [
                            {
                                text: "Close",
                                "class": 'modal-dialog-button-right',
                                click: function () {
                                    $(this).dialog("close");
                                }
                            }
                        ]
                    });
                });
                $("button[name='print_selected_canister_label']").click(function (event) {
                    $.post("{% url 'site:print-canister-label' %}", {
                        serial: canister,
                        'printer-select': $('#printer-select').val(),
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    });
                    $("#select-printer").dialog("close");
                });
            {% else %}
            $("button[name='print_canister_label']").click(function (event) {
                $.post("{% url 'site:print-canister-label' %}", {
                    serial: $(this).val(),
                    csrfmiddlewaretoken: '{{csrf_token}}'
                });
            });
            {% endif %}

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

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

{% block content %}
    <div>
    {% if label_printed != None %}
        {% if label_printed == True %}
            <h3 style="color: green;">Replenishment label has been printed on external printer.</h3>
        {% else %}
            <h3 style="color: red;">No replenishment label printed. Check printer settings.</h3>
        {% endif %}
    {% endif %}
        <table class="table table-striped table-bordered table-condensed">
            <caption style="font-weight: bold; font-size: 14pt;">Canister Information</caption>
            <thead>
            <tr class="dosis-report-header">
                <th>Serial Num.</th>
                <th>Quantity</th>
                <th>Pill Demand</th>
                <th>Low Level</th>
                <th>Location</th>
                <th>Status</th>
                <th>Use By Date</th>
                <th>Time Left</th>
                <th>Active</th>
                <th><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.serial_number }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.quantity }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.pill_demand }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.low_level }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{% if canister.map.all|length <= 0 %}Shelf{% else %}{% for map in canister.map.all %}{{ map.dafe.display_name }} ({{ map.canister_position.tag }}){% endfor %}{% endif %}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.display_status.description }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %} {% if expired %}style="font-weight: bold; color: red;"{% endif %}>{{ canister.use_by_date|date:"m/d/Y" }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.use_by_date|timeuntil }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{{ canister.active }}</td>
                <td {% if canister.active == False %}class="inactive-cell"{% endif %}>{% if canister.active %}
                    {% if canister.instance.authority.pharmaceutical.secured or canister.pharmaceutical.secured %}
                        {% if canister.fill_type_allowed != 'RX' %}<a class="btn btn-small btn-link"
                       style="color: darkorange;" href="{% url 'site:secure-dispense-prepack-canister' canister.serial_number %}" title="Prepack"><i
                        class="icon-th"></i></a>{% endif %}<a class="btn btn-small btn-link"
                       href="{% url 'site:secure-replenishment' %}?can_id={{ canister.serial_number }}" style="color: darkorange;" title="Replenish Canister"><i
                        class="icon-refresh"></i></a>{% else %}{% if canister.fill_type_allowed != 'RX' %}<a class="btn btn-small btn-link"
                       href="{% url 'site:dispense-prepack-canister' canister.serial_number %}" title="Prepack"><i
                        class="icon-th"></i></a>{% endif %}
                        {% if show_replen_btn %}<a class="btn btn-small btn-link"
                       href="{% url 'site:replenishment' %}?can_id={{ canister.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="{{ canister.serial_number }}" title="Print Label"><i class="icon-print"></i></button>{% endif %}
                </td>
            </tr>
            </tbody>
        </table>
        <hr/>
        {% include 'info-panel-canister-fill-info.html' %}
        {% include 'info-panel-drug-info.html' %}
        {% include 'info-panel-replen-history.html' %}
        {% include 'info-panel-canister-pending-fill-info.html' %}
    </div>
    {% if select_printer_canister %}
        <div id="select-printer" title="select-printer" style="margin-left: 2px; display: none;">
            <form id="selectPrinterForm" name="selectPrinterForm" method="POST">
                {% csrf_token %}
                <span>Select External printer:</span>
                <select name="printer-select" id="printer-select" style="width: auto;">
                    {% for printer in printer_list %}
                        <option value="{{ printer.tag }}">{{ printer.cups_name }}</option>
                    {% endfor %}
                </select>
                <button type="button" name="print_selected_canister_label" title="Print Label">Print</button>
            </form>
        </div>
    {% endif %}
{% endblock %}