@model Neo.LegitimateLicences.NewRouteRequest.NewRouteRequestFormModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Security
@using Neo.Afx.Mvc
@using Neo.LegitimateLicences.Common;

@{
    var entityID = ((Neo.Afx.Services.Workflows.Entities.Vw_WorkflowInstance)Model.WorkflowInstance).EntityID;
    var itemID = ((Neo.Afx.Services.Workflows.Entities.Vw_WorkflowInstance)Model.WorkflowInstance).ItemID;
}

    <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)),
    cis: ko.observable(@Html.Raw(Model.CTS)),
    cts: ko.observable(@Html.Raw(Model.CTS)),
    documentStoreLocationID: ko.observable(3),
    entityID: ko.observable(@entityID),
    itemID: ko.observable(@itemID)
});
    </script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
        Save: function(callBack)
        {
            var self = this;
            app.dataManager.saveItem(
                'NewRouteRequest',
                self.data,
                function (result) {                    
                    if (callBack != null) {
                        callBack(result);
                    }
                }, function (errorObj, errorStatus, errorText) {                                        
                    app.dialogs.showError.fire({title: 'Workflow Save Action', html: 'Save Failed with error: ' + errorText });
                    if (errorStatus == "CONFLICT") {
                        app.reload();
                    }
                });
        },

        SaveButtonClick: function () {
            var self = this;

            $("#MainCard").addClass("is-loading");
            self.Save(function (result) {
                ko.mapping.fromJS(result.data, viewModel.data);
                $("#MainCard").removeClass("is-loading");
            });
        }
});
</script>

<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    @Html.Partial("Console.PageHeader")
    
    <div class="row">
        <div class="col">
            <div id="MainCard" class="card">
                <div class="card-header navbar">
                    <h4 class="card-title" data-bind="text:wf.Description"></h4>
                </div>

                <div id="Form-Sections" class="accordion accordion-secondary">
                    @Html.Partial("Form.RequestDetails")
                </div>

                <div class="card-footer">
                    @if (Model.Ui.canSave) 
                    {
                        <button class="btn btn-primary btn-round float-right" data-bind="click: function() { viewModel.SaveButtonClick(); }">
                            <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 + "();")

    var pickerTemplates =
    {
        RoutePlacePicker:
        {
            source: 'VerifiedPlaces',
            primaryKey: 'PlaceID',
            param: 'SearchText'
        }
    };

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

        widgets.applyFileUploaderBindings();
        widgets.applyPickerBindings(pickerTemplates);        

        SetActiveMenu("#Form");
    });
</script>