{% extends "hostis-main.html" %}


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

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

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

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

            $("#edit-rx-info").dialog({
                {% if show_add_edit == 'Y' %}
                    autoOpen: true,
                {% else %}
                    autoOpen: false,
                {% endif %}
                closeOnEscape: false,
                modal: true,
                draggable: false,
                width: 1300,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            $("#editRxForm").validate();
                            if ($("#editRxForm").valid()) {
                                document.editRxForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });

             {% if show_add_edit == 'Y' %}
                $("#editRxForm").validate({
                    onkeyup: false,
                    errorContainer: $("#edit-rx-info-validation-alert"),
                    errorLabelContainer: $("ul", $("#edit-rx-info-validation-alert")),
                    wrapper: 'li'
                });

                $("#id_editrx-original_date").datetimeEntry({
                    datetimeFormat: 'O/D/Y H:M:S a',
                    spinnerImage: ''
                });

                $("#id_editrx-entered_date").datetimeEntry({
                    datetimeFormat: 'O/D/Y H:M:S a',
                    spinnerImage: ''
                });

                $("#id_editrx-rx_start_date").datetimeEntry({
                    datetimeFormat: 'O/D/Y H:M:S a',
                    spinnerImage: ''
                });

                $("#id_editrx-rx_stop_date").datetimeEntry({
                    datetimeFormat: 'O/D/Y H:M:S a',
                    spinnerImage: ''
                });

                $("#id_editrx-rx_expiration_date").datetimeEntry({
                    datetimeFormat: 'O/D/Y H:M:S a',
                    spinnerImage: ''
                });

                $("#add-sig").click(function() {
                    var form_idx = $("#id_sig-TOTAL_FORMS").val();
                    $("#sig-form").append($("#empty_form").html().replace(/__prefix__/g, form_idx));
                    $("#id_sig-" + form_idx + "-sig-num-val").html(parseInt(form_idx) + 1);
                    $("#id_sig-" + form_idx + "-sig_number").val(parseInt(form_idx) + 1);

                    $("#id_sig-TOTAL_FORMS").val(parseInt(form_idx) + 1);
                });

                $("#editRxForm").on("click", "button[name^='del-sig-btn-']", function () {
                    var form_idx = $("#id_sig-TOTAL_FORMS").val();
                    $(this).closest('table').remove();
                    $("#id_sig-TOTAL_FORMS").val(parseInt(form_idx) - 1);
                });

            {% endif %}

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

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

{% block content %}
    <form name="rxManageForm" id="rxManageForm" method="POST">
    {% csrf_token %}
    <table id="patient-rx-table" class="table table-striped table-bordered table-condensed">
    <thead>
    <tr class="dosis-report-header">
        <th style="width: 20px;">&nbsp;</th>
        {% include 'report-table-header.html' %}
        <th><i class="icon-th-list"></i></th>
    </tr>
    </thead>
    <tbody>
    {% include report_template %}
    </tbody>
    </table>
    </form>
    <div id="edit-rx-info" title="Edit Rx Info" style="margin-left: 2px;">
        <form id="editRxForm" name="editRxForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-rx-info-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-rx-info-validation-error-list">
                </ul>
            </div>
             {{ sig_formset.management_form }}
            <div id="rx-form">
            <table id="edit-rx-table" style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">{{ edit_rx_form.id }}{{ edit_rx_form.status }}Rx Number: {{ edit_rx_form.rx_number }}&nbsp;&nbsp;&nbsp;
                        Quantity: {{ edit_rx_form.rx_quantity }}&nbsp;&nbsp;&nbsp;
                        Days: {{ edit_rx_form.days_supply }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Fill Instance: {{ edit_rx_form.fill_instance }}&nbsp;&nbsp;&nbsp;
                        Total Refills: {{ edit_rx_form.total_refills }}&nbsp;&nbsp;&nbsp;
                        Refills Left: {{ edit_rx_form.refills_left }}
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td"><input type="hidden" id="id_editrx-patient"
                                                         name="editrx-patient" value="{{ edit_rx_form.patient.value }}"> Patient: <b>{{ pat_name }}</b>&nbsp;&nbsp;&nbsp;
                    Doctor: {{ edit_rx_form.doctor }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Dispensed Drug: {{ edit_rx_form.drug }}&nbsp;&nbsp;&nbsp;
                    Prescribed Drug: {{ edit_rx_form.prescribed_drug }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Tech: {{ edit_rx_form.tech }}&nbsp;&nbsp;&nbsp;
                        Pharmacist: {{ edit_rx_form.rph }}&nbsp;&nbsp;&nbsp;
                        Entering Device: {{ edit_rx_form.entering_device }}
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Original Date: {{ edit_rx_form.original_date }}&nbsp;&nbsp;&nbsp;
                        Entered Date: {{ edit_rx_form.entered_date }}&nbsp;&nbsp;&nbsp;
                        Start Date: {{ edit_rx_form.rx_start_date }}</td>
                </tr>
                <tr><td class="site-drug-edit-td">
                        Stop Date: {{ edit_rx_form.rx_stop_date }}&nbsp;&nbsp;&nbsp;
                        Expiration Date: {{ edit_rx_form.rx_expiration_date }}
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Rx Barcode: {{ edit_rx_form.rx_barcode }}&nbsp;&nbsp;&nbsp;
                        Batch Id: {{ edit_rx_form.batch_id }}&nbsp;&nbsp;&nbsp;
                        Prior Rx Number: {{ edit_rx_form.prior_rx_number }}&nbsp;&nbsp;&nbsp;
                        Number of Labels: {{ edit_rx_form.number_of_labels }}
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Notes: {{ edit_rx_form.rx_notes }}
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <button class="btn" type="button" id="add-sig" name="add-sig">Add Sig</button>
                    </td>
                </tr>
             </table>
            </div>
            <div id="sig-form">
            {% for form in sig_formset %}
                <table id="sig-form-table-{{ form.sig_number.value }}">
                    <tr>
                        <td style="border-top:2pt solid black; padding-left: 15px;">{{ form.id }}{{ form.sig_number }}
                            Sig Number: <b>{{ form.sig_number.value }}</b>&nbsp;&nbsp;&nbsp;
                            Sig Code: {{ form.sig_code }}&nbsp;&nbsp;&nbsp;
                            Number of Labels: {{ form.num_labels }}&nbsp;&nbsp;&nbsp;
                            PRN?: {{ form.is_prn }}
                        </td>{% if not forloop.first %}
                        <td><button id="exist-del-sig-btn-{{ form.id.value }}"
                                            name="exist-del-sig-btn-{{ form.id.value }}" value="{{ form.id.value }}"><i class="icon-minus-sign"></i></button></td>{% endif %}
                    </tr>
                    <tr>
                        <td style="padding-left: 15px;">
                            Sig Text: {{ form.sig_text }}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left: 15px;">
                            Qty Per Dose: {{ form.qty_per_dose }}&nbsp;&nbsp;&nbsp;
                            Qty Per Day: {{ form.qty_per_day }}&nbsp;&nbsp;&nbsp;
                            Admin Days: {{ form.admin_schedule }}
                            Admin Times: {{ form.hoa }}
                        </td>
                    </tr>
                </table>
            {% endfor %}
            </div>
                <div id="empty_form" style="display:none">
                        <table>
                            <tr>
                                <td style="border-top:2pt solid black; padding-left: 15px;">{{ sig_formset.empty_form.id }}
                                    {{ sig_formset.empty_form.sig_number }}
                                    Sig Number: <b id="id_sig-__prefix__-sig-num-val">{{ sig_formset.empty_form.sig_number.value }}</b>&nbsp;&nbsp;&nbsp;
                                    Sig Code: {{ sig_formset.empty_form.sig_code }}&nbsp;&nbsp;&nbsp;
                                    Number of Labels: {{ sig_formset.empty_form.num_labels }}&nbsp;&nbsp;&nbsp;
                                    PRN?: {{ sig_formset.empty_form.is_prn }}
                                </td>
                                <td><button type="button" id="del-sig-btn-__prefix__"
                                            name="del-sig-btn-__prefix__" value="__prefix__"><i class="icon-minus-sign"></i></button></td>
                            </tr>
                            <tr>
                                <td style="padding-left: 15px;">
                                    Sig Text: {{ sig_formset.empty_form.sig_text }}
                                </td>
                            </tr>
                            <tr>
                                <td style="padding-left: 15px;">
                                    Qty Per Dose: {{ sig_formset.empty_form.qty_per_dose }}&nbsp;&nbsp;&nbsp;
                                    Qty Per Day: {{ sig_formset.empty_form.qty_per_day }}&nbsp;&nbsp;&nbsp;
                                    Admin Days: {{ sig_formset.empty_form.admin_schedule }}
                                    Admin Times: {{ sig_formset.empty_form.hoa }}
                                </td>
                            </tr>
                        </table>
                </div>

        </form>
    </div>
{% endblock %}