{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        var currentAction = "";
        var currentConditionType = "";

        function updateRuleDescription() {
            var descText = "";
            if (currentAction == "Bypass") {
                descText += "Bypass ";
            } else if (currentAction == "Priority") {
                descText += "Set Priority to " + $("#id_request_priority option:selected").text() + " ";
            }

            if (currentConditionType == "quantity") {
                descText += "When Quantity ";
            } else if (currentConditionType == "days") {
                descText += "When Days Supply ";
            } else if (currentConditionType == "queue") {
                descText += "When Queue Size ";
            } else if (currentConditionType == "all") {
                descText += "";
            }

            $("#add-description-value").val(descText);
            $("#dynamic-rule-description").html(descText);
        }

        function reenableFields() {
            $("#id_start_time").prop('disabled', false);
            $("#id_stop_time").prop('disabled', false);
            $("#rule-days-of-week :input").prop('disabled', false);
            $("#rule-days-of-month :input").prop('disabled', false);
            $("#rule-drug-name :input").prop('disabled', false);
            $("#rule-batch-id :input").prop('disabled', false);
            $("#rule-print-batch-id :input").prop('disabled', false);
        }

        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());
            }
            $(".print-zone-facility:checkbox:checked").each(function () {
                data['selected_fac_ids'].push($(this).val());
            });

            return data;
        }

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

            $("#edit-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 () {
                            $("#editRuleForm").validate();
                            if ($("#editRuleForm").valid()) {
                                reenableFields();
                                var facdata = get_selected_fac_ids();
                                $("#id_facility_id").val(facdata['selected_fac_ids']);

                                if (facdata['selected_fac_ids'].length > 0) {
                                    document.editRuleForm.submit();
                                    $(this).dialog("close");
                                } else {
                                    $("#edit-print-zone-rule-empty-list-alert").show();
                                }
                            }
                        }
                    }
                ]
            });

            $("#btn-add-rule").click(function () {
                window.location.href = "{% url 'support:support-add-print-zone-rule' %}";
            });

            $("#btn-show-host-dosage").click(function () {
                $.ajax({
                    url: "{% url 'support:get-host-dosage-forms' %}",
                    type: "POST",
                    data: {
                        csrfmiddlewaretoken: '{{csrf_token}}'
                    },
                    success: function (data, status, jqXHR) {
                        $('#possible-host-dosage-forms').html(data);
                    }
                });
            });

            $("button[id^='btn-delete-rule']").click(function () {
                $("#current_rule_id").val($(this).val());
                $("#confirm-dialog").dialog("open");
                return false;
            });

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


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

                $("#id_tag").keyup(function () {
                    this.value = this.value.toUpperCase();
                });

                $("#id_tag").rules('add', {
                    required: true,
                    messages: {
                        required: "Print Zone tag cannot be blank."
                    }
                });

                $("#id_description").rules('add', {
                    required: true,
                    messages: {
                        required: "Print Zone description cannot be blank."
                    }
                });


                $("#id_use_time").change(function (event) {
                    if ($(this).is(":checked")) {
                        $("#id_start_time").prop('disabled', false);
                        $("#id_stop_time").prop('disabled', false);
                    } else {
                        $("#id_start_time").prop('disabled', true);
                        $("#id_stop_time").prop('disabled', true);
                    }
                });

                {% if edit_form.use_time.value == False %}
                    $("#id_start_time").prop('disabled', true);
                    $("#id_stop_time").prop('disabled', true);
                {% endif %}

                $("#id_start_time").timeEntry({
                    show24Hours: false,
                    showSeconds: true,
                    defaultTime: '00:00:00',
                    ampmPrefix: ' ',
                    spinnerImage: ''
                });

                $("#id_stop_time").timeEntry({
                    show24Hours: false,
                    showSeconds: true,
                    defaultTime: '23:59:59',
                    ampmPrefix: ' ',
                    spinnerImage: ''
                });

                $("#id_use_day_of_week").change(function (event) {
                    if ($(this).is(":checked")) {
                        $("#rule-days-of-week :input").prop('disabled', false);
                    } else {
                        $("#rule-days-of-week :input").prop('disabled', true);
                        $("#rule-days-of-week :input").prop('checked', false);
                    }
                });

                {% if edit_form.use_day_of_week.value == False %}
                    $("#rule-days-of-week :input").prop('disabled', true);
                    $("#rule-days-of-week :input").prop('checked', false);
                {% endif %}

                $("#id_use_day_of_month").change(function (event) {
                    if ($(this).is(":checked")) {
                        $("#rule-days-of-month :input").prop('disabled', false);
                    } else {
                        $("#rule-days-of-month :input").prop('disabled', true);
                        $("#rule-days-of-month :input").prop('checked', false);
                    }
                });

                {% if edit_form.use_day_of_month.value == False %}
                    $("#rule-days-of-month :input").prop('disabled', true);
                    $("#rule-days-of-month :input").prop('checked', false);
                {% endif %}

                $("#id_use_drug_name").change(function (event) {
                    if ($(this).is(":checked")) {
                        $("#rule-drug-name :input").prop('disabled', false);
                    } else {
                        $("#rule-drug-name :input").prop('disabled', true);
                    }
                });

                {% if edit_form.use_drug_name.value == False %}
                    $("#rule-drug-name :input").prop('disabled', true);
                {% endif %}

                $("#id_use_batch_id").change(function (event) {
                    if ($(this).is(":checked")) {
                        $("#rule-batch-id :input").prop('disabled', false);
                    } else {
                        $("#rule-batch-id :input").prop('disabled', true);
                    }
                });

                {% if edit_form.use_batch_id.value == False %}
                    $("#rule-batch-id :input").prop('disabled', true);
                {% endif %}

                $("#id_use_print_batch_id").change(function (event) {
                    if ($(this).is(":checked")) {
                        $("#rule-print-batch-id :input").prop('disabled', false);
                    } else {
                        $("#rule-print-batch-id :input").prop('disabled', true);
                    }
                });

                {% if edit_form.use_print_batch_id.value == False %}
                    $("#rule-print-batch-id :input").prop('disabled', true);
                {% endif %}

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

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

            $("input[id$='-rule-order']").change(function () {
                var lookupid = $(this).attr("id");
                var ruleid = lookupid.replace('-rule-order', "");
                $.post("{% url 'support:set-print-zone-rule-order' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', rule_id: ruleid, ruleordval: $(this).val()},
                        function () {
                            window.location.href = "{% url 'support:support-manage-print-zone-rules' %}";
                        });
            });

            $("input[id='chk-upd-use-zone-printing']").change(function () {
                if ($(this).is(':checked')) {
                    fieldVal = "TRUE";
                } else {
                    fieldVal = "FALSE";
                }

                $.post("{% url 'support:set-use-print-zone-setting' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', setval: fieldVal});
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <input type="hidden" name="current_rule_id" id="current_rule_id" value=""/>
    <div id="confirm-dialog" title="Confirm Delete">
        <p id="confirm-action-name" name="confirm-action-name">
            Delete Print Zone Rule?
        </p>

        <p>
            This will permanently delete this Print Zone Rule. Do you want to continue?
        </p>
    </div>
    <table class="table table-bordered table-striped">
        <thead>
        <tr class="dosis-report-header">
            <th>Description</th>
            <th>Printer</th>
            <th>Rule Schedule</th>
            <th>Search Order</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
        {% for rule in rule_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ rule.description }}</td>
                <td style="padding-bottom: 2px;">{{ rule.printer_tag }}</td>
                <td style="padding-bottom: 2px;">Active {% if not rule.use_time %} all day{% else %} from
                    {{ rule.start_time|time }} to {{ rule.stop_time|time }}{% endif %}
                    {% if rule.use_day_of_month %}on {% for day in rule.day_of_month %}{{ day }},{% endfor %} each month
                    {% else %}every {% if rule.day_of_week|first == 'ALL' %}day
                        {% else %}{% for day in rule.day_of_week %}{{ day }}{% if not forloop.last %}, {% endif %}
                        {% endfor %}{% endif %}{% endif %}</td>
                <td style="padding-bottom: 2px;"><input type="text" id="{{ rule.id }}-rule-order"
                                                        name="{{ rule.id }}-rule-order" value="{{ rule.rule_order }}"
                                                        style="width: 5em;"></td>
                <td><a href="{% url 'support:support-edit-print-zone-rule' rule.id %}"><i title="Edit Print Zone Rule"
                                                                                          class="icon-pencil"></i></a>&nbsp;&nbsp;&nbsp;
                    <button id="btn-delete-rule-{{ rule.id }}" name="btn-delete-rule-{{ rule.id }}" type="button"
                            value="{{ rule.id }}" title="Delete Rule" class="btn btn-small btn-link"><i
                            class="icon-remove"></i></button>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-rule" id="btn-add-rule"
                          class="btn">Add Print Zone Rule
            </button>&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" id="chk-upd-use-zone-printing"
                                                    name="chk-upd-use-zone-printing" {% if use_zone_printing == 'TRUE' %}checked{% endif %}> Use Zone Printing
            </span>
    </div>
    <div id="edit-rule" title="{% if add_mode %}Add{% else %}Edit{% endif %} Print Zone Rule" style="margin-left: 2px;">
        <form id="editRuleForm" name="editRuleForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-rule-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-rule-validation-error-list">
                </ul>
            </div>
            <div class="alert alert-error" id="edit-print-zone-rule-empty-list-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-print-zone-rule-empty-list-error-list">
                    <li>Facility must have at least one item or all selected.</li>
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">Description: {{ edit_form.description }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Tag:
                        {% if add_mode %}{{ edit_form.tag }}{% else %}{{ edit_form.tag.value }}
                            <input type="hidden" id="id-tag" name="tag" value="{{ edit_form.tag.value }}"/>{% endif %}&nbsp;&nbsp;&nbsp;&nbsp;Rule
                        Order: {{ edit_form.rule_order }}&nbsp;&nbsp;&nbsp;
                        Schedules: {{ edit_form.schedules }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Printer: {{ edit_form.printer_tag }}&nbsp;&nbsp;&nbsp;
                        Task Type: {{ edit_form.task_type_tag }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.for_new }} New&nbsp;&nbsp;&nbsp;
                        {{ edit_form.for_refill }} Refill&nbsp;&nbsp;&nbsp;
                        {{ edit_form.for_demand }} Demand&nbsp;&nbsp;&nbsp;
                        {{ edit_form.for_cycle }} Cycle</td>
                <tr>
                    <td class="site-drug-edit-td">
                        Control: {{ edit_form.for_controls }}&nbsp;&nbsp;&nbsp;
                        User Initiated: {{ edit_form.for_user_initiated }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_time }} Use Start and Stop Time?&nbsp;&nbsp;&nbsp;&nbsp;Start
                        Time {{ edit_form.start_time }}&nbsp;&nbsp;&nbsp;&nbsp;
                        Stop Time {{ edit_form.stop_time }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_day_of_week }} Use Day of Week?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <div id="rule-days-of-week">{{ edit_form.day_of_week }}</div>
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_day_of_month }} Use Day Of Month?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <div id="rule-days-of-month">{{ edit_form.day_of_month }}</div>
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_drug_name }} Use Drug Name?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <div id="rule-drug-name">Compare Letters: {{ edit_form.compare_letters }}&nbsp;&nbsp;&nbsp;
                            From: {{ edit_form.drug_name_from }}&nbsp;&nbsp;&nbsp;
                            To: {{ edit_form.drug_name_to }}</div>
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_batch_id }} Use Batch Id?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <div id="rule-batch-id">Batch Id Compare Letters: {{ edit_form.batch_id_letters }}&nbsp;&nbsp;&nbsp;
                            From: {{ edit_form.batch_id_from }}&nbsp;&nbsp;&nbsp;
                            To: {{ edit_form.batch_id_to }}</div>
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_print_batch_id }} Use Print Batch Id?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <div id="rule-print-batch-id">Print Batch Id: {{ edit_form.print_batch_id }}</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="print-zone-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 class="site-drug-edit-td">Dosage Forms: <input type="text" id="id-host_dosage_form"
                                                                       name="host_dosage_form" value="{% for dosage in edit_form.host_dosage_form.value %}{% if not forloop.first %},{% endif %}{{ dosage }}{% endfor %}"/>&nbsp;&nbsp;&nbsp;(This
                        is a comma separated list of host dosage forms)
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <button class="btn btn-link" type="button" id="btn-show-host-dosage"
                                name="btn-show-host-dosage">Click to show possible host dosage forms received so far.
                        </button>
                    </td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">
                        <div id="possible-host-dosage-forms"></div>
                    </td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}