{% extends "support.html" %}


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

        function get_selected_pharm_ids() {
            var data = { 'selected_pharm_ids' : []};
            if ($("#0-pharmacy-chk").prop('checked')) {
                data['selected_pharm_ids'].push($("#0-pharmacy-chk").val());
            }
            $(".per-diem-pharmacy:checkbox:checked").each(function() {
                data['selected_pharm_ids'].push($(this).val());
            });

            return data;
        }

        function get_selected_fac_ids() {
            var data = { 'selected_fac_ids' : []};
            if ($("#0-facility-chk").prop('checked')) {
                data['selected_fac_ids'].push($("#0-facility-chk").val());
            }
            $(".per-diem-facility:checkbox:checked").each(function() {
                data['selected_fac_ids'].push($(this).val());
            });

            return data;
        }

        function get_selected_sub_fac_ids() {
            var data = { 'selected_sub_fac_ids' : []};
            if ($("#0-facility-sub-chk").prop('checked')) {
                data['selected_sub_fac_ids'].push($("#0-facility-sub-chk").val());
            }
            $(".per-diem-sub-facility:checkbox:checked").each(function() {
                data['selected_sub_fac_ids'].push($(this).val());
            });

            return data;
        }


        function get_per_diem_rule_id(field, field_name) {
            var lookupid = field.attr("id");
            lookupid = lookupid.replace(field_name, "");
            return lookupid;
        }

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

            $("#edit-per-diem-rule").dialog({
                {% if showAddEdit == 'Y' %}
                    autoOpen: true,
                {% else %}
                    autoOpen: false,
                {% endif %}
                closeOnEscape: false,
                modal: true,
                draggable: false,
                width: 1000,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            $("#editPerDiemRuleForm").validate();
                            if ($("#editPerDiemRuleForm").valid()) {
                                var pharmdata = get_selected_pharm_ids();
                                $("#id_per-pharmacy_id").val(pharmdata['selected_pharm_ids']);
                                var facdata = get_selected_fac_ids();
                                $("#id_per-facility_id").val(facdata['selected_fac_ids']);
                                var subfacdata = get_selected_sub_fac_ids();
                                $("#id_per-facility_sub_id").val(subfacdata['selected_sub_fac_ids']);
                                if (pharmdata['selected_pharm_ids'].length > 0 && facdata['selected_fac_ids'].length > 0 && subfacdata['selected_sub_fac_ids'].length > 0) {
                                    document.editPerDiemRuleForm.submit();
                                    $(this).dialog("close");
                                } else {
                                    $("#edit-per-diem-rule-empty-list-alert").show();
                                }
                            }
                        }
                    }
                ]
            });

            $("#confirm-dialog").dialog({
                autoOpen: false,
                closeOnEscape: false,
                model: true,
                draggable: false,
                buttons: [
                    {
                        text: "Yes",
                        "class": 'dialog-button',
                        click: function () {
                            $.post("{% url 'site:settings-delete-per-diem-rule' %}",
                                {'csrfmiddlewaretoken': '{{csrf_token}}',
                                  per_diem_rule_id: $("#current_rule_id").val()},
                            function() {
                                window.location.href = "{% url 'site:settings-manage-per-diem-rules' %}";
                            });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "No",
                        "class": 'dialog-button',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("input[id$='-active']").click(function () {
                $.post("{% url 'site:settings-update-per-diem-rule-active' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            per_diem_rule_id: get_per_diem_rule_id($(this), "-active"),
                            field_val: $(this).prop("checked")});
            });


            $("input[id$='-delete']").click(function () {
                if ($(this).prop("checked")) {
                    $("#current_rule_id").val($(this).val());
                    $("#confirm-dialog").dialog("open");
                    return false;
                }
            });

            $("#0-pharmacy-chk").click(function () {
                if ($(this).prop('checked')) {
                    $(".per-diem-pharmacy").prop('checked', false);
                }
            });

            $(".per-diem-pharmacy").click(function () {
               if ($(".per-diem-pharmacy:checkbox:checked").length > 0) {
                    $("#0-pharmacy-chk").prop('checked', false);
               }
            });

            $("#0-facility-chk").click(function () {
                if ($(this).prop('checked')) {
                    $(".per-diem-facility").prop('checked', false);
                }
            });

            $(".per-diem-facility").click(function () {
               if ($(".per-diem-facility:checkbox:checked").length > 0) {
                    $("#0-facility-chk").prop('checked', false);
               }
            });

            $("#0-facility-sub-chk").click(function () {
                if ($(this).prop('checked')) {
                    $(".per-diem-sub-facility").prop('checked', false);
                }
            });

            $(".per-diem-sub-facility").click(function () {
               if ($(".per-diem-sub-facility:checkbox:checked").length > 0) {
                    $("#0-facility-sub-chk").prop('checked', false);
               }
            });

            $("#btn-add-per-diem-rule").click(function () {
                window.location.href = "{% url 'site:settings-add-per-diem-rule' %}";
            });

            {% if showAddEdit == 'Y' %}
                $("#editPerDiemRuleForm").validate({
                    onkeyup: false,
                    errorContainer: $("#edit-per-diem-rule-validation-alert"),
                    errorLabelContainer: $("ul", $("#edit-per-diem-rule-validation-alert")),
                    wrapper: 'li'
                });

                $("#id_per-day_supply").rules('add', {
                    digits: true,
                    messages: {
                        digits: "Day supply must be numeric."
                    }
                });

            {% endif %}

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

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

{% block content %}
    <div id="confirm-dialog" title="Confirm Delete">
        <p id="confirm-action-name" name="confirm-action-name">
            Delete Per Diem Rule?
        </p>

        <p>
            This will permanently delete this Per Diem Rule. Do you want to continue?
        </p>
    </div>
    <input type="hidden" name="current_rule_id" id="current_rule_id" value=""/>
    <table class="table table-bordered table-striped">
        <thead>
        <tr class="dosis-report-header">
            <th>Pharmacy</th>
            <th>Facility</th>
            <th>Sub Facility</th>
            <th>Card Method</th>
            <th>Day Supply</th>
            <th>Batch Type</th>
            <th>New or Refill</th>
            <th>Control?</th>
            <th>PRN?</th>
            <th>Active</th>
            <th>Delete</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
        {% for rule in per_diem_rule_list %}
            {% if 0 in rule.pharmacy_id and 0 in rule.facility_id %}
            {% include 'per-diem-rule-rep-row.html' %}
            {% endif %}
        {% endfor %}
        {% for rule in per_diem_rule_list %}
            {% if 0 not in rule.pharmacy_id and 0 in rule.facility_id %}
            {% include 'per-diem-rule-rep-row.html' %}
            {% endif %}
        {% endfor %}
        {% for rule in per_diem_rule_list %}
            {% if 0 in rule.pharmacy_id and 0 not in rule.facility_id %}
            {% include 'per-diem-rule-rep-row.html' %}
            {% endif %}
        {% endfor %}
        {% for rule in per_diem_rule_list %}
            {% if 0 not in rule.pharmacy_id and 0 not in rule.facility_id %}
            {% include 'per-diem-rule-rep-row.html' %}
            {% endif %}
        {% endfor %}
        </tbody>
    </table>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-per-diem-rule" id="btn-add-per-diem-rule" class="btn">Add
                Per Diem Rule
            </button>
            </span>
    </div>
    <div id="edit-per-diem-rule" title="Edit Per Diem Rule" style="margin-left: 2px; font-size: 11pt;">
        <form id="editPerDiemRuleForm" name="editPerDiemRuleForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-per-diem-rule-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-per-diem-rule-validation-error-list">
                </ul>
            </div>
            <div class="alert alert-error" id="edit-per-diem-rule-empty-list-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-per-diem-rule-empty-list-error-list">
                    <li>Pharmacy, Facility and Sub Facility must have at least one item or all selected.</li>
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.pharmacy_id }}Pharmacy:
                        <div class="multi-select-checkbox-container">
                            <input type="checkbox" id="0-pharmacy-chk" name="0-pharmacy-chk" value="0" {% if 0 in edit_form.pharmacy_id.value %}checked{% endif %}/> All<br/>
                            {% for pharm in pharmacy_list %}
                                <input class="per-diem-pharmacy" type="checkbox" id="{{ pharm.id}}-pharmacy-chk" name="{{ pharm.id }}-pharmacy-chk" value="{{ pharm.id }}"
                                {% if pharm.id in edit_form.pharmacy_id.value %}checked{% endif %}/> {{ pharm.description }}<br/>
                            {% endfor %}
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                    {{ edit_form.facility_id }}Facility:
                        <div class="multi-select-checkbox-container">
                            <input type="checkbox" id="0-facility-chk" name="0-facility-chk" value="0" {% if 0 in edit_form.facility_id.value %}checked{% endif %}/> All<br/>
                            {% for fac in facility_list %}
                                <input class="per-diem-facility" type="checkbox" id="{{ fac.id}}-facility-chk" name="{{ fac.id }}-facility-chk" value="{{ fac.id }}"
                                {% if fac.id in edit_form.facility_id.value %}checked{% endif %}/> {% firstof fac.label_id fac.label_name %}<br/>
                            {% endfor %}
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                    {{ edit_form.facility_sub_id }}Sub Facility:
                        <div class="multi-select-checkbox-container">
                            <input type="checkbox" id="0-facility-sub-chk" name="0-facility-sub-chk" value="0" {% if 0 in edit_form.facility_sub_id.value %}checked{% endif %}/> All<br/>
                            {% for subfac in sub_facility_list %}
                                <input class="per-diem-sub-facility" type="checkbox" id="{{ subfac.id}}-facility-sub-chk" name="{{ subfac.id }}-facility-sub-chk" value="{{ subfac.id }}"
                                {% if subfac.id in edit_form.facility_sub_id.value %}checked{% endif %}/> {% firstof subfac.facility.label_id subfac.facility.label_name %}
                                (Wing: {% if subfac.wing %}{{ subfac.wing }}{% else %}*{% endif %} / Floor: {% if subfac.floor %}{{ subfac.floor }}{% else %}*{% endif %}
                                / Room: {% if subfac.room %}{{ subfac.room }}{% else %}*{% endif %} / Bed: {% if subfac.bed %}{{ subfac.bed }}{% else %}*{% endif %})<br/>
                            {% endfor %}
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        {{ edit_form.active }} Active
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Card Method: {{ edit_form.card_method }}&nbsp;&nbsp;&nbsp;&nbsp;
                        Days Supply {{ edit_form.day_supply }}
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        Batch Type: {{ edit_form.rx_batch_type }}&nbsp;&nbsp;&nbsp;&nbsp;
                        New or Refill: {{ edit_form.rx_new_refill }}
                    </td>
                </tr>
                 <tr>
                    <td class="site-drug-edit-td">
                        Controlled: {{ edit_form.rx_controlled }}&nbsp;&nbsp;&nbsp;&nbsp;
                        PRN: {{ edit_form.rx_prn }}
                    </td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}