{% extends "support.html" %}


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

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

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

            $("#edit-priority").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 () {
                            $("#editPriorityForm").validate();
                            if ($("#editPriorityForm").valid()) {
                                document.editPriorityForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });

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


            {% if showAddEdit == 'Y' %}
                let priority_action_orders = [{% for priority in order_request_priority_list %} {{ priority.action_order }}{% if not forloop.last %}, {% endif %}{% endfor %}];

                let priority_tags = [{% for priority in order_request_priority_list %}'{{ priority.tag }}'{% if not forloop.last %}, {% endif %}{% endfor %}];

                $.validator.addMethod("actionOrderNotInPriorityList", function(value, element) {
                    return !priority_action_orders.includes(parseInt(value));
                }, "Action order is already being used for other priority.");

                $.validator.addMethod("tagNotInPriorityList", function(value, element) {
                    return !priority_tags.includes(value);
                }, "Tag is already being used for other priority.");

                $("#editPriorityForm").validate({
                    onkeyup: false,
                    errorContainer: $("#edit-priority-validation-alert"),
                    errorLabelContainer: $("ul", $("#edit-priority-validation-alert")),
                    wrapper: 'li'
                });

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

                $('#id_tag').rules('add', {
                    required: true,
                    tagNotInPriorityList: true,
                    messages: {
                        required: "Tag is already being used for other priority."
                    }
                });

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

                $('#id_action_order').rules('add', {
                    required: true,
                    digits: true,
                    messages: {
                        required: "Order Request Priority must be a number"
                    }
                });

                $('#id_action_order').rules('add', {
                    required: true,
                    actionOrderNotInPriorityList: true,
                    messages: {
                        required: "Action order is already being used for other priority."
                    }
                });



            {% endif %}


            $("input[id$='-action-order']").change(function () {
                $.post("{% url 'site:settings-update-order-request-priority-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            priority_id: get_order_request_priority_id($(this), "-action-order"),
                            field_type: 'action_order',
                            field_val: $(this).val()},
                        function () {
                            window.location.href = "{% url 'site:settings-manage-order-request-priority' %}";
                        });
            });

            $("input[id$='-description']").change(function () {
                $.post("{% url 'site:settings-update-order-request-priority-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            priority_id: get_order_request_priority_id($(this), "-description"),
                            field_type: 'description',
                            field_val: $(this).val()},
                        function () {
                            window.location.href = "{% url 'site:settings-manage-order-request-priority' %}";
                        });
            });

            $("input[id$='-allow-filling']").click(function () {
                $.post("{% url 'site:settings-update-order-request-priority-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            priority_id: get_order_request_priority_id($(this), "-allow-filling"),
                            field_type: 'allow_filling',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-allow-prepack']").click(function () {
                $.post("{% url 'site:settings-update-order-request-priority-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            priority_id: get_order_request_priority_id($(this), "-allow-prepack"),
                            field_type: 'allow_prepack',
                            field_val: $(this).prop("checked")});
            });

            $("input[id$='-is-active']").click(function () {
                $.post("{% url 'site:settings-update-order-request-priority-field' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            priority_id: get_order_request_priority_id($(this), "-is-active"),
                            field_type: 'is_active',
                            field_val: $(this).prop("checked")});
            });

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

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

{% block content %}
    <form name="orderRequestPriorityForm" name="orderRequestPriorityForm" method="POST">
    <input type="hidden" name="current_priority_id" id="current_priority_id" value=""/>
    <table class="table table-bordered table-striped">
        <thead style="position: sticky; top: 0;">
        <tr class="dosis-report-header">
            <th>Tag</th>
            <th>Description</th>
            <th>Action Order</th>
            <th>Allow Filling</th>
            <th>Allow Pre-Pack</th>
            <th>Is Active</th>
        </tr>
        </thead>
        <tbody>
        {% for itm in order_request_priority_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ itm.tag }}</td>
                <td style="padding-bottom: 2px;"><input type="text" id="{{ itm.id }}-description"
                                 name="{{ itm.id }}-description" value="{{ itm.description }}" style="width: 15em;"></td>
                <td style="padding-bottom: 2px;">{% if itm.dosis_default %}{{ itm.action_order }}{% else %}
                    <input type="text" id="{{ itm.id }}-action-order" name="{{ itm.id }}-action-order" value="{{ itm.action_order }}" style="width: 5em;">{% endif %}</td>
                <td style="padding-bottom: 2px;"><input  type="checkbox" id="{{ itm.id }}-allow-filling"
                                 name="{{ itm.id }}-allow-filling" {% if itm.allow_filling %}checked{% endif %}></td>
                <td style="padding-bottom: 2px;"><input  type="checkbox" id="{{ itm.id }}-allow-prepack"
                                 name="{{ itm.id }}-allow-prepack" {% if itm.allow_prepack %}checked{% endif %}></td>
                <td style="padding-bottom: 2px;"><input  type="checkbox" id="{{ itm.id }}-is-active"
                                 name="{{ itm.id }}-is_active" {% if itm.is_active %}checked{% endif %}></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </form>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-priority" id="btn-add-priority"
                          class="btn">Add Order Request Priority
            </button>
            </span>
    </div>
    <div id="edit-priority" title="{% if add_mode %}Add{% else %}Edit{% endif %} Order Request Priority" style="margin-left: 2px;">
        <form id="editPriorityForm" name="editPriorityForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-priority-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-priority-validation-error-list">
                </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 %}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Action Order: {{ edit_form.action_order }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.allow_filling }} Allow Filling?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.allow_prepack }} Allow Pre-Pack?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.is_active }} Is Active?</td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}