{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function get_selected_fill_action() {
            var data = { 'selected_fill_action' : []};
            $(".fill-action-chk:checkbox:checked").each(function() {
                data['selected_fill_action'].push($(this).val());
            });

            return data;
        }

        function get_selected_fill_intent() {
            var data = { 'selected_fill_intent' : []};
            $(".fill-intent-chk:checkbox:checked").each(function() {
                data['selected_fill_intent'].push($(this).val());
            });

            return data;
        }

        function get_selected_medpass_action() {
            var data = { 'selected_medpass_action' : []};
            $(".medpass-action-chk:checkbox:checked").each(function() {
                data['selected_medpass_action'].push($(this).val());
            });

            return data;
        }

        function get_selected_data_translation() {
            var data = { 'selected_data_translation' : []};
            $(".data-translation-chk:checkbox:checked").each(function() {
                data['selected_data_translation'].push($(this).val());
            });

            return data;
        }

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

        {% if showAddEdit == 'Y' %}
            $("#edit-interface").dialog({
                {% if showAddEdit == 'Y' %}
                    autoOpen: true,
                {% else %}
                    autoOpen: false,
                {% endif %}
                closeOnEscape: false,
                position: { my: "top", at: "top", of: window },
                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 () {
                            {% if not add_mode %}
                            if ($("#editInterfaceForm").valid()) {
                                var actiondata = get_selected_fill_action();
                                $("#id_fill_action_lookups").val(actiondata['selected_fill_action']);
                                var intentdata = get_selected_fill_intent();
                                $("#id_fill_intent_lookups").val(actiondata['selected_fill_intent']);
                                var medpassdata = get_selected_medpass_action();
                                $("#id_medpass_action_lookups").val(actiondata['selected_medpass_action']);
                                var translationdata = get_selected_data_translation();
                                $("#id_data_translation_lookups").val(translationdata['selected_data_translation']);
                            {% endif %}
                                document.editInterfaceForm.submit();
                                $(this).dialog("close");
                        {% if not add_mode %}
                            }
                            {% endif %}
                        }
                    }
                ]
            });
            {% endif %}

        {% if showAddEditConn == 'Y' %}
            $("#edit-connection").dialog({
                {% if showAddEditConn == '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 () {
                            $("#editConnectionForm").validate();
                            if ($("#editConnectionForm").valid()) {
                                document.editConnectionForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });
            {% endif %}


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

            $("#btn-add-connection").click(function () {
                window.location.href = "{% url 'support:support-add-extdb-conn-type' %}";
            });

            $("#btn-edit-drug-schedule-lookup").click(function () {
               window.location.href = "{% url 'support:support-edit-drug-schedule-lookups' %}"
            });

            $("#pmis-set-interface-centricity-div").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 700,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'support:support-edit-interface-centricity' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_pms_id: $("#current_pms_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-set-interface-centricity-div-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Set/Reset",
                        "class": 'model-dialog-button-left',
                        click: function () {
                            $.post("{% url 'support:support-set-interface-centricity' %}",
                                {'csrfmiddlewaretoken': '{{csrf_token}}',
                                centricity_id: $("#interface-centricity-select").val(),
                                current_pms_id: $("#current_pms_id").val()},
                                function() {
                                    window.location.href = "{% url 'support:support-manage-interface' %}";
                                });
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name$='-btn-set-interface-centricity']").click(function (event) {
                 $('#pmis-set-interface-centricity-div-content').html('');
                 $("#current_pms_id").val(get_icon_button_value(event));
                 $("#pmis-set-interface-centricity-div").dialog("open");
            });

            $("#btn-add-interface-type-select").click(function () {
                $.post("{% url 'support:update-pms-add-interface-step-2' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', type: $("#add-interface-type").val()},
                        function(data) {
                            $("#add-interface-step-2-row").html(data);
                            $(".add-interface-step-2").show();
                        });

            });

            $("#btn-add-interface-start-over").click(function () {
               $(".add-interface-step-2").hide();
            });

            $("select[id^='schedule-lookup-schedule-']").change(function () {
                var tag = $(this).attr("id");
                tag = tag.replace("schedule-lookup-schedule-", "");
                $.post("{% url 'support:update-pms-drug-schedule-schedule' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', tag: tag, sched_id: $(this).val()});
            });

            $("input[id^='schedule-lookup-tag-']").change(function () {
                var tag = $(this).attr("id");
                tag = tag.replace("schedule-lookup-tag-", "");
                $.post("{% url 'support:update-pms-drug-schedule-tag' %}",
                        {'csrfmiddlewaretoken': '{{csrf_token}}', tag: tag, new_tag: $(this).val()},
                        function(data) {
                          window.location.href = "{% url 'support:support-manage-interface' %}";
                        });
            });

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

                $("#id_editinterface-tag").keyup(function () {
                    this.value = this.value.toUpperCase();
                });

                $("#id_editinterface-tag").rules('add', {
                    required: true,
                    messages: {
                        required: "Interface tag cannot be blank."
                    }
                });
            {% endif %}

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

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

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

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

                $("#id_db_name").rules('add', {
                    required: true,
                    messages: {
                        required: "Connection database name cannot be blank."
                    }
                });

                $("#id_db_host").rules('add', {
                    required: true,
                    messages: {
                        required: "Connection database host cannot be blank."
                    }
                });

                $("#id_db_port").rules('add', {
                    required: true,
                    digits: true,
                    messages: {
                        required: "Connection database port cannot be blank.",
                        digits: "Connection database port must be numeric"
                    }
                });

                $("#id_db_user").rules('add', {
                    required: true,
                    messages: {
                        required: "Connection database UserName cannot be blank."
                    }
                });


            {% endif %}

            $("input[id$='-active']").change(function () {
                var pmsid = $(this).val();
                if ($(this).is(":checked")) {
                    $.post("{% url 'support:set-pmis-interface-active' %}",
                            {'csrfmiddlewaretoken': '{{csrf_token}}', pms_id: pmsid, activeval: 'true'});
                } else {
                    $.post("{% url 'support:set-pmis-interface-active' %}",
                            {'csrfmiddlewaretoken': '{{csrf_token}}', pms_id: pmsid, activeval: 'false'});
                }
            });

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

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

{% block content %}
    <form id="pmisManageInterfaceForm" name="pmisManageInterfaceForm" method="POST">
    <table class="table table-bordered table-striped">
        <caption style="font-weight: bold; font-size: 14pt;">Interfaces</caption>
        {% csrf_token %}
        <input type="hidden" name="current_pms_id" id="current_pms_id" value=""/>
        <thead>
        <tr class="dosis-report-header">
            <th>Description</th>
            <th>Display Name</th>
            <th>State</th>
            <th>Type</th>
            <th>Parser Conn.</th>
            <th>Parser Port</th>
            <th>Active</th>
            <th><i class="icon-th-list"></i></th>
        </tr>
        </thead>
        <tbody>
        {% for pms in interface_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ pms.description }} {{pms.id}}</td>
                <td style="padding-bottom: 2px;">{{ pms.display_name }}</td>
                <td style="padding-bottom: 2px;">{{ pms.interface_state }}</td>
                <td style="padding-bottom: 2px;">{{ pms.interface_type }}</td>
                <td style="padding-bottom: 2px;">{{ pms.parser_conn_str }}</td>
                <td style="padding-bottom: 2px;">{{ pms.parser_conn_port }}</td>
                <td style="padding-bottom: 2px;"><input type="checkbox" id="{{ pms.id }}-active" name="{{ pms.id }}-active" value="{{ pms.id }}" {% if pms.active %}checked{% endif %}/></td>
                <td><a href="{% url 'support:support-edit-interface' pms.id %}"><i title="Edit Interface" class="icon-pencil"></i></a>
                {% if pms.interface_type.parser_type.interfacecentricitysetup_set.all|length > 0 %}<button type="button" class="btn btn-link" id="{{ pms.id }}-btn-set-interface-centricity" name="{{ pms.id }}-btn-set-interface-centricity" value="{{ pms.id }}">
                    <i title="Set Interface Centricity" class="icon-align-center"></i></button>{% else %}<button type="button" class="btn btn-link" style="width: 40px;" id="empty-btn" name="empty-btn" value="">
                    <i></i></button>{% endif %}
                <a href="{% url 'support:support-manage-interface-attributes' pms.id %}"><i title="Edit Interface Attributes" class="icon-cog"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-data-translation-lookup' pms.id %}"><i title="Edit Data Translation Lookups" class="icon-book"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-fill-action-lookup' pms.id %}"><i title="Edit Fill Action Lookups" class="icon-qrcode"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-fill-intent-lookup' pms.id %}"><i title="Edit Fill Intent Lookups" class="icon-tint"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-medpass-action-lookup' pms.id %}"><i title="Edit Medpass Action Lookups" class="icon-tasks"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-medpass-request-type-lookup' pms.id %}"><i title="Edit Medpass Request Type Lookups" class="icon-leaf"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-extdb-request-lookup' pms.id %}"><i title="Edit External Db Request Lookups" class="icon-globe"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-store-and-forward-lookup' pms.id %}"><i title="Edit Store and Forward Lookup" class="icon-retweet"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-request-cutoff-lookup' pms.id %}"><i title="Edit Request Cutoff Lookups" class="icon-plane"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-req-priority-lookup' pms.id %}"><i title="Edit Request Priority Lookups" class="icon-random"></i></a>&nbsp;&nbsp;&nbsp;
                <a href="{% url 'support:support-manage-pms-message-acceptance-lookup' pms.id %}"><i title="Edit Message Acceptance Lookups" class="icon-thumbs-up"></i></a></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-interface" id="btn-add-interface" class="btn">Add
                Interface
            </button>
            </span>
    </div>
    </form>
    <br/>
    <table class="table table-bordered table-striped">
        <caption style="font-weight: bold; font-size: 14pt;">External Database Connections</caption>
        <thead>
        <tr class="dosis-report-header">
            <th>Tag</th>
            <th>Description</th>
            <th>Database Name</th>
            <th>Database Host</th>
            <th>Database Port</th>
            <th>Database User</th>
            <th>Release Type</th>
            <th><i class="icon-th-list"></i></th>
        </tr>
        </thead>
        <tbody>
        {% for conn in connection_list %}
            <tr>
                <td style="padding-bottom: 2px;">{{ conn.tag }}</td>
                <td style="padding-bottom: 2px;">{{ conn.description }}</td>
                <td style="padding-bottom: 2px;">{{ conn.db_name }}</td>
                <td style="padding-bottom: 2px;">{{ conn.db_host }}</td>
                <td style="padding-bottom: 2px;">{{ conn.db_port }}</td>
                <td style="padding-bottom: 2px;">{{ conn.db_user }}</td>
                <td style="padding-bottom: 2px;">{{ conn.software_release_type.tag }}</td>
                <td><a href="{% url 'support:support-edit-extdb-conn-type' conn.id %}"><i title="Edit External DB Connection" class="icon-pencil"></i></a></td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <div>
            <span><button style="float: left;" type="button" name="btn-add-connection" id="btn-add-connection" class="btn">Add
                Connection
            </button>
            </span>
    </div>
    <br/>
    <p>&nbsp;</p>
     <div>
            <span><button style="float: left;" type="button" name="btn-edit-drug-schedule-lookup" id="btn-edit-drug-schedule-lookup" class="btn">Edit Drug Schedule
                Lookups
            </button>
            </span>
    </div>
    <div id="pmis-set-interface-centricity-div" title="Set Interface Centricity" style="margin-left: 2px;">
        <div id="pmis-set-interface-centricity-div-content">
            Loading Interface Centricity Data...
        </div>
    </div>
    {% if showAddEdit == 'Y' %}
    <div id="edit-interface" title="{% if add_mode %}Add New{% else %}Edit{% endif %} PMIS Interface" style="margin-left: 2px;">
        <form id="editInterfaceForm" name="editInterfaceForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-interface-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-interface-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                {% if add_mode == False %}
                <tr>
                    <td class="site-drug-edit-td">Tag: {{ edit_form.tag }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Description: {{ edit_form.description }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Display Name: {{ edit_form.display_name }}&nbsp;&nbsp;&nbsp;{{ edit_form.active }} Active</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Type: {{ edit_form.interface_type }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Request Rule Type: {{ edit_form.request_rule_type }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Parser Connection: {{ edit_form.parser_conn_str }}&nbsp;&nbsp;&nbsp;
                    Parser Port: {{ edit_form.parser_conn_port }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Release Connection: {{ edit_form.release_conn_str }}&nbsp;&nbsp;&nbsp;
                    Release Port: {{ edit_form.release_conn_port }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.use_req_pkg_method }} Use Request Package Method?&nbsp;&nbsp;&nbsp;
                    Default Request Package Method: {{ edit_form.default_req_pkg_method }}
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.fill_action_lookups }}Fill Action Lookups: <div class="multi-select-interface-install-container">
                        {% for itm in fill_action_list %}
                            <input class="fill-action-chk" type="checkbox" id="{{ itm.id }}-fill-action-chk"
                                   name="{{ itm.id }}-fill-action-chk" value="{{ itm.tag }}"
                            {% if itm.tag in edit_form.fill_action_lookups.value %}checked{% endif %}/> {{ itm.tag }}<br/>
                        {% endfor %}
                    </div></td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.fill_intent_lookups }}Fill Intent Lookups: <div class="multi-select-interface-install-container">
                        {% for itm in fill_intent_list %}
                            <input class="fill-intent-chk" type="checkbox" id="{{ itm.id }}-fill-intent-chk"
                                   name="{{ itm.id }}-fill-intent-chk" value="{{ itm.tag }}"
                            {% if itm.tag in edit_form.fill_intent_lookups.value %}checked{% endif %}/> {{ itm.tag }}<br/>
                        {% endfor %}
                    </div></td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.medpass_action_lookups }}Medpass Action Lookups: <div class="multi-select-interface-install-container">
                        {% for itm in medpass_action_list %}
                            <input class="medpass-action-chk" type="checkbox" id="{{ itm.id }}-medpass-action-chk"
                                   name="{{ itm.id }}-medpass-action-chk" value="{{ itm.tag }}"
                            {% if itm.tag in edit_form.medpass_action_lookups.value %}checked{% endif %}/> {{ itm.tag }}<br/>
                        {% endfor %}
                    </div></td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">{{ edit_form.data_translation_lookups }}Data Translation Lookups: <div class="multi-select-interface-install-container">
                        {% for itm in data_translation_list %}
                            <input class="data-translation-chk" type="checkbox" id="{{ itm.id }}-data-translation-chk"
                                   name="{{ itm.id }}-data-translation-chk" value="{{ itm.tag }}"
                            {% if itm.tag in edit_form.data_translation_lookups.value %}checked{% endif %}/> {{ itm.tag }}<br/>
                        {% endfor %}
                    </div></td>
                </tr>
            {% else %}
                <tr>
                    <td class="site-drug-edit-td">Select Interface Type: <select style="width: auto;" id="add-interface-type" name="add-interface-type">
                {% for type in interface_type_list %}
                    <option value="{{ type.id }}">{{ type.tag }}</option>
                {% endfor %}</select>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn" id="btn-add-interface-type-select" name="btn-add-interface-type-select">Select</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn" id="btn-add-interface-start-over" name="btn-add-interface-start-over">Reset</button></td>
                </tr>
                <tr id="add-interface-step-2-row">
                    {% include 'add-interface-step-2.html' %}
                </tr>
            {% endif %}
            </table>
        </form>
    </div>
    {% endif %}
    {% if showAddEditConn == 'Y' %}
    <div id="edit-connection" title="Edit PMIS Ext Db Connection" style="margin-left: 2px;">
        <form id="editConnectionForm" name="editConnectionForm" method="POST">
            {% csrf_token %}
            <div class="alert alert-error" id="edit-connection-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="edit-connection-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">Tag: {{ edit_form.tag }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Description: {{ edit_form.description }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Database Name: {{ edit_form.db_name }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Database Host/IP: {{ edit_form.db_host }}&nbsp;&nbsp;&nbsp;&nbsp;
                    Database Port: {{ edit_form.db_port }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Database Username: {{ edit_form.db_user }}&nbsp;&nbsp;&nbsp;&nbsp;
                    Database Password: <input type="text" id="edit-db-password" name="edit-db-password" value="{% if curr_db_password %}{{ curr_db_password }}{% endif %}" style="width: 12em;"/></td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Release Type: {{ edit_form.software_release_type }}</td>
                </tr>
            </table>
        </form>
    </div>
    {% endif %}
{% endblock %}