{% extends "support.html" %}


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

        function get_selected_dafe_ids() {
            var data = {'selected_dafe_ids': []};
            if ($("#0-dafe-chk").prop('checked')) {
                data['selected_dafe_ids'].push($("#0-dafe-chk").val());
            }
            $(".print-zone-dafe:checkbox:checked").each(function () {
                data['selected_dafe_ids'].push($(this).val());
            });

            return data;
        }

        function get_selected_package_ids() {
            var data = {'selected_package_ids': []};
            if ($("#0-package-chk").prop('checked')) {
                data['selected_package_ids'].push($("#0-package-chk").val());
            }
            $(".print-zone-package:checkbox:checked").each(function () {
                data['selected_package_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()) {
                                var dafedata = get_selected_dafe_ids();
                                var packagedata = get_selected_package_ids();
                                $("#id_dafe_id").val(dafedata['selected_dafe_ids']);
                                $("#id_package_id").val(packagedata['selected_package_ids']);

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

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

            $("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-md-print-zone-rule' %}",
                                {'csrfmiddlewaretoken': '{{csrf_token}}',
                                  rule_id: $("#current_rule_id").val()},
                            function() {
                                window.location.href = "{% url 'support:support-manage-md-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: "Multidose Print Zone tag cannot be blank."
                    }
                });

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

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

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

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

                $(".print-zone-package").click(function () {
                    if ($(".print-zone-package:checkbox:checked").length > 0) {
                        $("#0-package-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-md-print-zone-rule-order' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', rule_id: ruleid, ruleordval: $(this).val()},
                        function () {
                            window.location.href = "{% url 'support:support-manage-md-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-md-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 Multidose Print Zone Rule?
        </p>

        <p>
            This will permanently delete this Multidose 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>Equipment</th>
            <th>Packages</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;">{% for itm in rule.dafe_id %}{% if itm == 0 %}ALL{% else %}
                    {% for dafe in dafe_list %}{% if itm == dafe.id %}{% if not forloop.parentloop.first %}, {% endif %}{{ dafe.display_name }}{% endif %}{% endfor %}{% endif %}{% endfor %}</td>
                <td tyle="padding-bottom: 2px;">{% for itm in rule.package_id %}{% if itm == 0 %}ALL{% else %}
                    {% for package in package_list %}{% if itm == package.id %}{% if not forloop.parentloop.first %}, {% endif %}{{ package.description }}{% endif %}{% endfor %}{% endif %}{% endfor %}</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-md-print-zone-rule' rule.id %}"><i title="Edit Multidose 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 Multidose 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 Multidose Zone Printing
            </span>
    </div>
    <div id="edit-rule" title="{% if add_mode %}Add{% else %}Edit{% endif %} Multidose 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-dafe-rule-empty-list-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-print-zone-dafe-rule-empty-list-error-list">
                    <li>Dafe must have at least one item or all selected.</li>
                </ul>
            </div>
            <div class="alert alert-error" id="edit-print-zone-package-rule-empty-list-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-print-zone-package-rule-empty-list-error-list">
                    <li>Package 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 }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Printer: {{ edit_form.printer_tag }}</td>
                </tr>
                <tr>
                    <td>
                        {{ edit_form.dafe_id }}Equipment (Dafe):
                        <div class="multi-select-checkbox-container">
                            <input type="checkbox" id="0-dafe-chk" name="0-dafe-chk" value="0"
                                   {% if 0 in edit_form.dafe_id.value %}checked{% endif %}/> All<br/>
                            {% for dafe in dafe_list %}
                                <input class="print-zone-dafe" type="checkbox" id="{{ dafe.id }}-dafe-chk"
                                       name="{{ dafe.id }}-dafe-chk" value="{{ dafe.id }}"
                                       {% if dafe.id in edit_form.dafe_id.value %}checked{% endif %}/>
                                {% firstof dafe.display_name dafe.description %}<br/>
                            {% endfor %}
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        {{ edit_form.package_id }}Package:
                        <div class="multi-select-checkbox-container">
                            <input type="checkbox" id="0-package-chk" name="0-package-chk" value="0"
                                   {% if 0 in edit_form.package_id.value %}checked{% endif %}/> All<br/>
                            {% for package in package_list %}
                                <input class="print-zone-package" type="checkbox" id="{{ package.id }}-package-chk"
                                       name="{{ package.id }}-package-chk" value="{{ package.id }}"
                                       {% if package.id in edit_form.package_id.value %}checked{% endif %}/>
                                {{ package.description }}<br/>
                            {% endfor %}
                        </div>
                    </td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}