{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function debounce(func, wait, immediate) {
            var timeout;
            return function () {
                var context = this, args = arguments;
                var later = function () {
                    timeout = null;
                    if (!immediate) func.apply(context, args);
                };
                var callNow = immediate && !timeout;
                clearTimeout(timeout);
                timeout = setTimeout(later, wait);
                if (callNow) func.apply(context, args);
            };
        }


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

            $(".search-query").keyup(debounce(function (event) {
                var postData = $("#reportFilterForm, #pmsRequestsForm").serializeArray();
                var loadicon = "<tr><td colspan=\"100\" style=\"width: 100%;\"><div class=\"loader\"></div></td></tr>";
                $('#pms-requests-rep-tbody').html(loadicon);
                $.ajax({
                    url: "{% url 'site:pms-requests-body-refresh' %}",
                    type: "POST",
                    data: postData,
                    success: function (data, status, jqXHR) {
                        $('#pms-requests-rep-tbody').html(data);
                        $('#total-pages').html($("#current-max-page").val());
                        $('#total-pages-bottom').html($("#current-max-page").val());
                    }
                });
            }, 500));

            $("#pmis-details").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1300,
                position: { my: "top", at: "top", of: window },
                open: function (event, ui) {
                    $('#pmis-detail-content').html('Loading Raw Message...');
                    $.ajax({
                        url: "{% url 'site:report-pms-request-detail' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-detail-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });


            $("button[name^='btn-pms-details']").click(function (event) {
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-details").dialog("open");
            });

            $("#pmis-raw-message").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1000,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:report-pms-raw-message' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-raw-message-content').html(data);
                        }
                    })
                },
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#pmis-parsed-message").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-parsed-message' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-parsed-message-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-parsed-message']").click(function (event) {
                $('#pmis-parsed-message-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-parsed-message").dialog("open");
            });

            $("#pmis-aux-info").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-aux-info-data' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-aux-info-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("#pmis-data-tags").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 800,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-data-tags' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-data-tag-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-data-tags']").click(function (event) {
                $('#pmis-data-tag-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-data-tags").dialog("open");
            });

            $("#pmis-test-data-translations").dialog({
                autoOpen: false,
                closeOnEscape: true,
                modal: true,
                draggable: false,
                width: 1000,
                open: function (event, ui) {
                    $.ajax({
                        url: "{% url 'site:pms-show-test-data-translations' %}",
                        type: "POST",
                        data: {
                            csrfmiddlewaretoken: '{{csrf_token}}',
                            current_req_id: $("#current_req_id").val()
                        },
                        success: function (data, status, jqXHR) {
                            $('#pmis-test-data-translations-content').html(data);
                        }
                    })
                },
                position: {my: "top", at: "top", of: window},
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    }
                ]
            });

            $("button[name^='btn-test-data-translations']").click(function (event) {
                $('#pmis-test-data-translations-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-test-data-translations").dialog("open");
            });

            $("button[name^='btn-aux-info']").click(function (event) {
                $('#pmis-aux-info-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-aux-info").dialog("open");
            });

            $("button[name^='btn-raw-message']").click(function (event) {
                $('#pmis-raw-message-content').html('');
                $("#current_req_id").val(get_icon_button_value(event));
                $("#pmis-raw-message").dialog("open");
            });

            $("button[name^='btn-reprocess']").click(function (event) {
                $("#current_req_id").val(get_icon_button_value(event));
                $.post("{% url 'site:report-pms-reprocess' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', current_req_id: $("#current_req_id").val()},
                    function( data ) {
                        alert('PMIS Request Reprocess Successful!');
                    }
                );
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    {% include 'topnav.html' %}
    <form id="pmsRequestsForm" name="pmsRequestsForm" method="POST">
        {% csrf_token %}
        <input type="hidden" name="current_req_id" id="current_req_id" value=""/>
        {% include report_template %}
    </form>
    {% include 'bottomnav.html' %}
    <div id="pmis-details" title="PMIS Details" style="margin-left: 2px;">
        <div id="pmis-detail-content">
           Loading Details...
        </div>
    </div>
    <div id="pmis-parsed-message" title="Parsed PMIS Data" style="margin-left: 2px;">
        <div id="pmis-parsed-message-content">
            Loading Parsed Message Data...
        </div>
    </div>
    <div id="pmis-data-tags" title="PMIS Data Tags" style="margin-left: 2px;">
        <div id="pmis-data-tag-content">
            Loading Data Tag Data...
        </div>
    </div>
    <div id="pmis-test-data-translations" title="PMIS Data Tags" style="margin-left: 2px;">
        <div id="pmis-test-data-translations-content">
            Loading Test Data Tranlsation Data...
        </div>
    </div>
    <div id="pmis-aux-info" title="PMIS Aux Info Data" style="margin-left: 2px;">
        <div id="pmis-aux-info-content">
            Loading Aux Info Data...
        </div>
    </div>
    <div id="pmis-raw-message" title="Raw Message" style="margin-left: 2px;">
        <div id="pmis-raw-message-content">
            Loading Raw Message...
        </div>
    </div>
{% endblock %}