{% extends "support.html" %}


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

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

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

            $("input[id$='-active']").click(function () {
                $.post("{% url 'support:support-update-pms-store-and-forward-lookup-active' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}',
                            lookup_id: get_lookup_id($(this), "-active"),
                            field_val: $(this).prop("checked")});
            });

            $("#edit-pms-store-and-forward-lookup").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");
                            window.location.href = "{% url 'support:support-manage-pms-store-and-forward-lookup' pms.id %}?sort={{ current_sort }}";
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            $("#editStoreAndForwardLookupForm").validate();
                            if ($("#editStoreAndForwardLookupForm").valid()) {
                                document.editStoreAndForwardLookupForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });

            $("#btn-add-store-and-forward-lookup").click(function () {
                window.location.href = "{% url 'support:support-add-pms-store-and-forward-lookup' pms.id %}";
            });

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

                 $("#id_search_order").rules('add', {
                    required: true,
                    digits: true,
                    messages: {
                        required: "Store and Forward lookup search order cannot be blank.",
                        digits: "Store and Forward lookup search order must be numeric."
                    }
                });

                 $("#id_action").rules('add', {
                    required: true,
                    messages: {
                        required: "Store and Forward lookup action cannot be blank."
                    }
                });

                $("#id_forward_port").rules('add', {
                    required: true,
                    digits: true,
                    messages: {
                        required: "Store and Forward lookup forward port cannot be blank.",
                        digits: "Store and Forward lookup forward port must be numeric."
                    }
                });

                 $("#id_forward_address").rules('add', {
                    required: true,
                    messages: {
                        required: "Store and Forward lookup forward address cannot be blank."
                    }
                });

                 $("#id_test_value").rules('add', {
                    required: true,
                    messages: {
                        required: "Fill Action lookup test value cannot be blank."
                    }
                });

            {% endif %}

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

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

{% block content %}
    <p><a href="{% url 'support:support-manage-interface' %}">Back To Manage PMIS Interface</a></p>
    <form id="pmsStoreAndForwardLookupForm" name="pmsStoreAndForwardLookupForm" method="POST">
    {% csrf_token %}
    <div>
        <table class="table table-bordered table-striped">
            <thead>
            <tr class="dosis-report-header">
                {% include 'report-table-header.html' %}
                <th><i class="icon-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for lookup in lookup_list %}
                <tr>
                    <td style="padding-bottom: 2px;">{{ lookup.data_tag }}</td>
                    <td style="padding-bottom: 2px;">{{ lookup.test_value }}</td>
                    <td style="padding-bottom: 2px;">{{ lookup.forward_address }}</td>
                    <td style="padding-bottom: 2px;">{{ lookup.forward_port }}</td>
                    <td style="padding-bottom: 2px;">{{ lookup.needs_release }}</td>
                    <td style="padding-bottom: 2px;">{{ lookup.search_order }}</td>
                    <td style="padding-bottom: 2px;">{{ lookup.action }}</td>
                    <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ lookup.id }}-active" name="{{ lookup.id }}-active" {% if lookup.active %}checked{% endif %}/></td>
                    <td><a href="{% url 'support:support-edit-pms-store-and-forward-lookup' pms.id lookup.id %}?sort={{ current_sort }}">
                        <i title="Edit Store and Forward Lookup" class="icon-pencil"></i></a></td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-store-and-forward-lookup"
                          id="btn-add-store-and-forward-lookup" class="btn">Add
                Store and Forward Lookup
            </button>
            </span>
    </div>
    </form>
    <div id="edit-pms-store-and-forward-lookup" title="Edit PMIS Store and Forward Lookup" style="margin-left: 2px;">
        <form id="editStoreAndForwardLookupForm" name="editStoreAndForwardLookupForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-store-and-forward-lookup-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-store-and-forward-lookup-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.interface }}Data Tag: {{ edit_form.data_tag }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Forward Address: {{ edit_form.forward_address }}&nbsp;&nbsp;&nbsp;
                    Forward Port: {{ edit_form.forward_port }}&nbsp;&nbsp;&nbsp;
                    {{ edit_form.needs_release }} Needs Release?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Search Order: {{ edit_form.search_order }}&nbsp;&nbsp;&nbsp;
                    Test Value: {{ edit_form.test_value }}&nbsp;&nbsp;&nbsp;
                    {{ edit_form.active }} Active?</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Action: {{ edit_form.action }}</td>
                </tr>
            </table>
        </form>
    </div>
{% endblock %}