@model Neo.LegitimateLicences.ApplicationRequest.ApplicationRequestFormModel
@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)),
    temporarySpecialRouteDetails:  ko.mapping.fromJSON('@Html.Raw(Model.TemporarySpecialApplicationLicenceRouteDetail.ToJson(JsonSerializerOptions.EscapeBackSlash | JsonSerializerOptions.FormatDateTime))'),
    documentStoreLocationID: ko.observable(3), @*todo remove hardcoded bits*@
    entityID: ko.observable(@((short)EntityEnum.ApplicationLicences)),
    userEmail: '@(((Neo.Afx.Security.UserProfile)Profile).Email)'        
});
</script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
    fileUploaded: function(caller) {

        var data = {
            documentID: caller.documentItem.DocumentID,
            entityID: caller.documentItem.EntityID,
            itemID: caller.documentItem.ItemID,
            relatedFieldKey: caller.options.relatedFieldKey
        };

        app.dataManager.post(
            "Afx",
            "UpdateDocumentIDOnEntity",
            data,
            function () { },
            function (error) {
                app.dialogs.showError.fire({title: 'Save error', html: error });
            },
            true
        );
    },

    getLicenceRouteDetailObject: function(applicationLicenceRouteDetailID) {
        var licenceObject = null;
        var licenceRouteDetailObject = null;

        $.each(viewModel.data.Licences(), function (licenceIndex, licence) {
            $.each(licence.Routes(), function (routeIndex, routeData) {
                if (routeData.ApplicationLicenceRouteDetailID() == applicationLicenceRouteDetailID) {
                    licenceObject = licence;
                    licenceRouteDetailObject = routeData;
                }
            });
        });

        return {
            licence: licenceObject,
            route: licenceRouteDetailObject
        };
    },

    StartTemporaryReplacementPrintout: function(applicationLicenceID) {
        var s = viewModel;
        var licence = s.data.Licence;

        var pushData = {
            entityID: @((short)EntityEnum.TemporaryReplacementLicences),
            itemID: applicationLicenceID,
            printoutTypeID: @((short)PrintoutTypeEnum.TemporaryReplacementLicence),
            certificateNumber: null,
            isReprint: false,
            reprintReason: null,
            isTestPrint: false
        };

        app.dataManager.post("ApplicationRequest", 'StartTemporaryReplacementPrintout', pushData,
            function (result) {
                if (result != null) {
                    if (result.Success) {
                        var w = (window.parent) ? window.parent : window;
                        w.location.assign('LegitimateDesktop:print_' + s.userEmail + '_' + result.Result.PrintoutToken);
                    }
                    else {
                        app.dialogs.showError.fire({ title: 'Save error', html: result.Error });
                    }
                }
            }, null);
    }
});
</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 class="card-body">
                    <div id="licenceDetails" />
                    <div class="clearfix"></div>
                </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]);
                
        SetActiveMenu("#Licences");
    });
</script>

@Html.Partial("Licences.Grid")    

<script>
$().ready(function () 
{
    @*Collapse the rows if more than one licence*@
    var dataGrid = $("#licenceDetails").dxDataGrid("instance");
    
    if (viewModel.data.Licences().length > 1) {
        dataGrid.collapseAll(-1);
    }    
});
</script>