@model Neo.LegitimateLicences.LicenceIssueRequest.LicenceIssueRequestFormModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Security
@using Neo.Afx.Mvc
@using Neo.LegitimateLicences.Common;

<script type="text/javascript">
@Html.Raw("function ViewModel" + Model.AjaxRequestTicket + "() { }")

@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
    data:  ko.mapping.fromJSON('@Html.Raw(Model.Data.ToJson(JsonSerializerOptions.EscapeBackSlash | JsonSerializerOptions.FormatDateTime))'),
    wf: @Html.Raw(Model.WorkflowInstance.ToJson(JsonSerializerOptions.None)),
    lookups: @Html.Raw(Model.Lookups.ToJson(JsonSerializerOptions.EscapeBackSlash | JsonSerializerOptions.FormatDateTime)),
});
</script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
        SaveInspection: function(callBack) 
        {
            var self = this;

            
            
            //Block Interface
            ////$('#scroller').parent().block({ message: null });
            ////$('#consoleButtons').block({ message: '<div>Saving...</div>' });

            app.dataManager.post(
                'ApplicationRequest',
                'SaveInspection',
                ko.toJS(self.data),
                function (result) {
                    ////var oldItemID = self.itemID();

                    //////Specific to form save
                    ////if (result.WorkflowReferenceNumber != null && result.WorkflowReferenceNumber != undefined) {
                    ////    self.workflowReferenceNumber(result.WorkflowReferenceNumber);
                    ////}

                    ////if (result.WorkflowDescription != null && result.WorkflowDescription != undefined) {
                    ////    self.workflowDescription(result.WorkflowDescription);
                    ////}

                    ////if (result.WorkflowInstanceID != null && result.WorkflowInstanceID != undefined) {
                    ////    self.workflowInstanceID(result.WorkflowInstanceID);
                    ////}

                    ////if (result.Id > 0) {
                    ////    self.itemID(result.Id);

                    ////    if (oldItemID < 0) {
                    ////        var documentData = {
                    ////            entityID: self.entityID(),
                    ////            oldItemID: oldItemID,
                    ////            newItemID: self.itemID()
                    ////        };
                    ////        app.dataManager.postUrl(app.serviceUrl + "DocumentService.svc/UpdateDocumentItemID", documentData, null);
                    ////    }
                                                
                        if (callBack != null) {
                            callBack(result);
                        }

                    ////    //Unblock Interface
                    ////    $('#scroller').parent().unblock();
                    ////    $('#consoleButtons').unblock();
                    ////} else {
                    ////    //Unblock Interface
                    ////    $('#scroller').parent().unblock();
                    ////    $('#consoleButtons').unblock();

                    ////}
                }, function (errorObj, errorStatus, errorText) {
                    if (errorStatus == "CONFLICT") {
                        self.RefreshViewModel(self.controller() + "/GetViewModel", null);
                    }

                    //Unblock Interface
                    ////$('#scroller').parent().unblock();
                    ////$('#consoleButtons').unblock();

                    //Flag Error Text
                    app.dialogs.showError.fire({title: 'Workflow Save Action', html: 'Save Failed with error: ' + errorText });
                });
        },

        SaveInspectionButtonClick: function () {
            var self = this;
            
            $("#TabbedCard").addClass("is-loading");
            self.SaveInspection(function (result) {
                console.log(result);
                ko.mapping.fromJS(result.data, viewModel.data);
                $("#TabbedCard").removeClass("is-loading");
            });

            ////var s = this;
            ////if (viewModel.itemID() < 0) {
            ////    s.Save(function (result) {
            ////        ko.mapping.fromJS(result.value, viewModel.value);

            ////        for (x = 0; x < viewModel.tableSectionIDs.length; x++) {
            ////            $('#' + viewModel.tableSectionIDs[x] + ' tr').each(function (index, tableRow) { $('select', tableRow).uniform(); });
            ////        }

            ////        $("#Section-Title").html(viewModel.workflowReferenceNumber().toString() + ", " + viewModel.workflowDescription());
            ////        $("#navigationBeforeSave").hide();
            ////        $("#navigationAfterSave").show();
            ////    });
            ////} else {
            ////    s.Save(function (result) {
            ////        ko.mapping.fromJS(result.value, viewModel.value);

            ////        for (x = 0; x < viewModel.tableSectionIDs.length; x++) {
            ////            $('#' + viewModel.tableSectionIDs[x] + ' tr').each(function (index, tableRow) { $('select', tableRow).uniform(); });
            ////        }

            ////        $("#navigationBeforeSave").hide();
            ////        $("#navigationAfterSave").show();
            ////    });
            ////}
        },

        DownloadLetter: function () {
            var self = this;
            
            var url = app.serviceUrl + "ReportDownloader.ashx";
            var queryString = '?ReportDefinitionID=10052&ApplicationRequestDetailID=' + viewModel.data.ApplicationDetailID();
            window.open(url + queryString, null, null, null);
        }
});
</script>

<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    <div class="page-header flex-lock">
        <h4 class="page-title">Application Request</h4>
        <ul class="breadcrumbs">
            <li class="nav-home">
                <a href="/">
                    <i class="flaticon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                <a href="/#Applications/Default">Applications</a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item" data-bind="text: data.ApplicationNumber"></li>
        </ul>
    </div>

    <div class="row">
        <div class="col">
            <div id="TabbedCard" class="card">
                <div class="card-header navbar">
                    <h4 class="card-title" data-bind="text:wf.Description"></h4>
                    
                    <ul class="navbar-nav topbar-nav ml-md-auto align-items-center" style="display:flex; flex-direction:row">
                        <li class="nav-item">
                            <button class="btn btn-round" data-bind="click: function() { viewModel.SaveInspectionButtonClick(); }">
                                <i class="fa fa-save"></i>&nbsp;Save
                            </button>
                        </li>

                        <li class="nav-item">
                            <button class="btn btn-round" data-bind="click: function() { viewModel.DownloadLetter(); }">
                                <i class="fa fa-print"></i>&nbsp;Download
                            </button>
                        </li>
                    </ul>
                </div>

                <div class="card-body">
                    <div id="Form-Sections" class="accordion accordion-secondary">
                        <div class="card">
                            @Html.Partial("Inspection.Details")
                            <br/>
                            @Html.Partial("Inspection.Outcome")
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                @*<div class="card-footer">
                    <button class="btn btn-primary" data-bind="click: function() { debugger; viewModel.SaveInspectionButtonClick(); }">
                        <i class="fa fa-save"></i>&nbsp;Save
                    </button>
                </div>*@
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    @Html.Raw("var viewModel = new ViewModel" + Model.AjaxRequestTicket + "();")

    $().ready(function () {
        var mainDiv = $("#@(new HtmlString("koContainer" + Model.AjaxRequestTicket))");
        ko.cleanNode(mainDiv[0]);
        ko.applyBindings(viewModel, mainDiv[0]);            
    });
</script>