@model Neo.LegitimateLicences.Stationery.UpsertStationeryBatchModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Mvc

@{
    Layout = "~/Views/Shared/_LayoutBlank.cshtml";
    var internalTransfer = (short)Neo.LegitimateLicences.Common.StationeryBatchTypeEnum.InternalTransfer;
    var fromGPW = (short)Neo.LegitimateLicences.Common.StationeryBatchTypeEnum.FromGPW;
}

<script type="text/javascript">
    @Html.Raw("function dialogViewModel" + Model.AjaxRequestTicket + "() { }")
    
    @Html.Raw("$.extend(dialogViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {
        stationeryBatch: ko.mapping.fromJSON('@Html.Raw(Model.StationeryBatch.ToJson(JsonSerializerOptions.None))'),       
        transferedInBatches: ko.mapping.fromJSON('@Html.Raw(Model.TransferedInBatches.ToJson(JsonSerializerOptions.None))'),   
        lookups: @Html.Raw(Model.Lookups.ToJson(JsonSerializerOptions.EscapeBackSlash | JsonSerializerOptions.FormatDateTime))
    });
    
    @Html.Raw("$.extend(dialogViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {        
        GetLookupValues: function (listName) {
            var s = this;
            var lookups = s.lookups;

            for (var l = 0; l < lookups.length; l++) {
                if (lookups[l].ListName == listName) {
                    return app.utils.cleanIntegrationLookup(lookups[l].List);
                }
            }
        },

        SaveStationeryBatch: function() {
            var s = this;

            if (this.Validate()) {
                $(".modal-dialog.modal-lg").addClass("is-loading");

                var intFromNumber = parseInt(s.stationeryBatch.FromNumber().replace(/\D/g, ''));
                var intToNumber = parseInt(s.stationeryBatch.ToNumber().replace(/\D/g, ''));

                if (intFromNumber >= intToNumber) {
                    app.dialogs.showError.fire({ title: 'Error', html: "Invalid batch number range" });
                    $(".modal-dialog.modal-lg").removeClass("is-loading");
                    return;
                }

                var validNumber = false;
                var prefixLength = 0;

                if (s.stationeryBatch.FromNumber().length == s.stationeryBatch.ToNumber().length ) {
                    
                    var prefixFound = false;
                    for (var i = 0; i < s.stationeryBatch.FromNumber().length; i++) {
                        if (prefixFound == false) {
                            if (isNaN(s.stationeryBatch.FromNumber().charAt(i))) {
                                prefixLength++;
                            }
                            else {
                                prefixFound = true;
                            }
                        }                        
                    }

                    if (s.stationeryBatch.FromNumber().substring(0, prefixLength).toUpperCase() == s.stationeryBatch.ToNumber().substring(0, prefixLength).toUpperCase()){
                        validNumber = true;
                    }
                }

                

                if (!validNumber) {
                     app.dialogs.showError.fire({ title: 'Error', html: "Invalid batch numbers" });
                    $(".modal-dialog.modal-lg").removeClass("is-loading");
                    return;
                }
                var prefix = s.stationeryBatch.FromNumber().substring(0, prefixLength);                              
               
                var data = {
                    stationeryBatch: dialogViewModel.stationeryBatch,
                    intFromNumber: intFromNumber,
                    intToNumber: intToNumber,
                    prefix: prefix
                }
                
                app.dataManager.post("Stationery",
                    'CreateStationeryBatches', data,
                    function (result) {
                        if (result != null) {
                            if (result.errorMessage == "") {
                                $(".modal-dialog.modal-lg").removeClass("is-loading");
                                $("#searchResults").trigger("AvailableStationeryUpdate", self);
                                $(".close").click()
                            }
                            else {
                                $(".modal-dialog.modal-lg").removeClass("is-loading");
                                 app.dialogs.showError.fire({ title: 'Error', html: result.errorMessage });
                            }
                        }
                    }, null);
            }            
        },

        MarkStationeryBatchAsReceived: function(stationeryBatch) {
            var s = this;
            app.dialogs.showConfirm.fire({
                    title: "Are you sure you received all the rquired stationery"
                }).then(
                    function(dialogResult) {
                        if (dialogResult.value) {
                            var data = {
                                stationeryBatch: ko.toJS(stationeryBatch)
                            };

                            app.dataManager.post("Stationery",
                                'MarkStationeryBatchAsReceived', data,
                                function (result) {
                                    if (result != null) {
                                        if (result.errorMessage == "") {
                                            $(".modal-dialog.modal-lg").removeClass("is-loading");
                                            $("#searchResults").trigger("AvailableStationeryUpdate", self);
                                            $(".close").click()
                                        }
                                        else {
                                            $(".modal-dialog.modal-lg").removeClass("is-loading");
                                             app.dialogs.showError.fire({ title: 'Error', html: result.errorMessage });
                                        }
                                    }
                                }, null);
                        }
                    }
                );
            
        },

        Validate: function () {
            var s = this;
            var e = [];
            var v = s.stationeryBatch;
            var _v = app.utils.validator;

            app.utils.validator.autoColorElement(true);

            _v.isModelFieldEmpty("dialogViewModel.stationeryBatch.FromNumber", "From Number", e);            
            _v.isModelFieldEmpty("dialogViewModel.stationeryBatch.ToNumber", "To Number", e);  
            _v.isModelFieldEmpty("dialogViewModel.stationeryBatch.StationeryBatchTypeID", "Stationery Batch Type", e);              

            return (e.length == 0)
        }
    });
</script>

<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))" class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title">Create Stationery Batch</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">Stationery Batch Type *:</label><br />
                        <select id="StationeryBatchTypeID" data-bind="options: GetLookupValues('StationeryBatchTypes'), optionsCaption: 'Please select stationery source type', optionsText: 'Title', optionsValue: 'Key', value: stationeryBatch.StationeryBatchTypeID" class="form-control"></select>
                    </div>
                </div>
            </div>

            <div class="row" data-bind="visible:stationeryBatch.StationeryBatchTypeID()==@fromGPW">
                <div class="col-md-6">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">From Number *:</label><br />
                        <input id="FromNumber" name="FromNumber" class="form-control" data-bind="value: stationeryBatch.FromNumber" type="text" />
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">To Number *:</label><br />
                        <input id="ToNumber" name="ToNumber" class="form-control" data-bind="value: stationeryBatch.ToNumber" type="text" />
                    </div>
                </div>
            </div>

            <div class="row" data-bind="visible:stationeryBatch.StationeryBatchTypeID()==@internalTransfer">
                <div class="col-md-12">
                    <div class="form-group bmd-form-group">
                        <div id="transferedInBatches"></div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button id="Save"  data-bind="click: function() { dialogViewModel.SaveStationeryBatch(); } " class="btn btn-primary">Save</button>
        </div>
    </div>
</div>

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

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

        $("#transferedInBatches").dxDataGrid(
            {
                dataSource: dialogViewModel.transferedInBatches,
                showColumnLines: false,
                showRowLines: true,
                rowAlternationEnabled: true,
                showBorders: true,
                allowColumnReordering: false,
                allowColumnResizing: true,
                columns: [
                    { dataField: "StationeryBatchID", caption: "Stationery Batch Number", alignment: "left" },
                    { dataField: "FromNumber", caption: "From Number" },
                    { dataField: "ToNumber", caption: "To Number" },
                    { dataField: "TotalStationery", caption: "Total Stationery", alignment: "left" },
                    {
                        dataField: "", caption: " ",
                        cellTemplate: function (container, options) {
                            var dataItem = options.row.data;
                            $('<button id="MarkAsReceived" class="btn btn-primary float-right" data-toggle="modal" data-title="Add Stationery Batch">Mark as Received</button>').addClass('dx-datagrid-title-column').on('click', function (event) {
                                dialogViewModel.MarkStationeryBatchAsReceived(dataItem);
                            }).appendTo(container);

                        }
                    }
                ],
                paging: {
                    enabled: false
                },
                selection: {
                    mode: "single"
                },
                onSelectionChanged: function (selectedItems) {
                    var data = selectedItems.selectedRowsData[0];
                    if (data) {
                        var event = { ctrlKey: false };                        
                    }
                }
            });
    });
</script>