@model  Neo.LegitimateLicences.Purification.DefaultModel

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

@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{        
        OldIdNumber: ko.observable(''),
        NewIdNumber: ko.observable(''),
        Results: ko.observableArray(),
        InitiatedSearch: ko.observable(false),
        CompletedSearch: ko.observable(false),
        MemberFound: ko.observable(null)
});
</script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + 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);
                }
            }
        },

        SearchIdNumber: function () {
            var s = viewModel;
            var _v = app.utils.validator;

            s.CompletedSearch(false);

            if (viewModel.Validate()) {
                _v.Reset();
                $("#SearchIdNumber").addClass("is-loading");

                var OldIdNumber = s.OldIdNumber();
                var NewIdNumber = s.NewIdNumber();
                var data = {
                    oldIdNumber: OldIdNumber,
                    newIdNumber: NewIdNumber
                };

                app.dataManager.post("Purification", "PurificationChangeIdNumber_SearchByIdNumber", data,
                    function (result) {
                        $("#SearchIdNumber").removeClass("is-loading");
                        if (result != null) {
                            if (result.Success == true) {
                                s.CompletedSearch(true);
                                viewModel.Results([]);
                                ko.utils.arrayPushAll(viewModel.Results, result.Results);
                                $('#searchResults').dxDataGrid('instance').option('dataSource', viewModel.Results());

                            } else {
                                viewModel.Results([]);
                            }
                        }
                        s.CompletedSearch(true);
                    }, function (errorObj, errorStatus, errorText) {
                        $(".modal-dialog.modal-lg").removeClass("is-loading");
                        app.dialogs.showError.fire({ title: 'Save error', html: errorText });
                    });
            }
        },

        UpdateIdNumber: function (data, sender) {
            var s = this;
            app.dialogs.showConfirm.fire({
                title: "Are you sure you want to update the id number?",
            }).then(function (dialogResult)
            {
                if (dialogResult.value) {
                    $("#UpdateIdNumber").addClass("is-loading");
                    var data = {
                        oldIdNumber: viewModel.OldIdNumber(),
                        newIdNumber: viewModel.NewIdNumber()
                    };

                    app.dataManager.post("Purification", "PurificationChangeIdNumber_UpdateByIdNumber", data, function (result) {
                        if (result != null) {
                            $("#UpdateIdNumber").removeClass("is-loading");
                            if (result.Success) {
                                app.dialogs.showInfo.fire({ html: "The id number has been updated" });
                                viewModel.SearchIdNumber();
                            }
                            else {
                                app.dialogs.showError.fire({ title: 'Error', html: result.ErrorMessage });
                            }
                        }
                    }, function (errorObj, errorStatus, errorText) {
                        $(".modal-dialog.modal-lg").removeClass("is-loading");
                        app.dialogs.showError.fire({ title: 'Save error', html: errorText });
                    });
                }
            });            
        },

        Validate: function () {
            var valid = true;
            var s = viewModel;
            var _v = app.utils.validator;

            if (s.OldIdNumber() == null || s.OldIdNumber() == '') {
                app.dialogs.showError.fire({ title: 'Error', html: 'Please enter the old id number first.' });
                return false;
            }
            if (s.NewIdNumber() == null || s.NewIdNumber() == '') {
                app.dialogs.showError.fire({ title: 'Error', html: 'Please enter the new id number first.' });
                return false;
            }

            if (s.OldIdNumber() == s.NewIdNumber()) {
                app.dialogs.showError.fire({ title: 'Error', html: 'The ID numbers must be different' });
                return false;
            }

            return valid;
        }
    });
</script>

<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    <div class="page-header flex-lock">
        <h4 class="page-title">Purification</h4>
        <ul class="breadcrumbs">
            <li class="nav-home">
                <a href="/#Dashboards/Default">
                    <i class="flaticon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                Update ID Number
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="col">
            <div id="TabbedCard" class="card">
                <div class="card-header navbar">
                    <h4 class="card-title">ID Number Search</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12 col-lg-4 col-xl-4">
                            <div class="form-group bmd-form-group">
                                <label class="bmd-label-floating">Old ID Number: *</label>
                                <input id="OldIdNumber" type="text" data-bind="value: OldIdNumber" maxlength="13" class="form-control" />
                            </div>
                        </div>
                        <div class="col-sm-12 col-lg-4 col-xl-4">
                            <div class="form-group bmd-form-group">
                                <label class="bmd-label-floating">New ID Number: *</label>
                                <input id="NewIdNumber" type="text" data-bind="value: NewIdNumber" maxlength="13" class="form-control" />
                            </div>
                        </div>
                        <div class="col-sm-12 col-lg-4 col-xl-4">
                            <div class="form-group bmd-form-group">
                                <button id="SearchIdNumber" class="btn btn-primary" style="margin-top: 25px;" data-bind="click: SearchIdNumber">Search</button>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>

            <div id="TabbedCard" class="card" data-bind="visible: CompletedSearch()">
                <div class="card-body">
                    <div id="searchResults"></div>
                    <div class="clearfix"></div>
                </div>
                <div class="card-footer">
                    <button id="UpdateIdNumber" class="btn btn-primary float-right" data-bind="click: UpdateIdNumber, visible: viewModel.Results().length > 0 ">Update ID Number</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]);

        $("#searchResults").dxDataGrid(
            {
                dataSource: viewModel.Results,
                showColumnLines: false,
                showRowLines: true,
                rowAlternationEnabled: true,
                showBorders: true,
                allowColumnReordering: false,
                allowColumnResizing: true,               
                columns:
                    [
                        { dataField: "OldorNew", caption: "Old/New ID Number"},
                        { dataField: "Source", caption: "Source" },
                        { dataField: "Reference", caption: "Reference" },
                        { dataField: "Description", caption: "Description" }
                    ],
                paging: {
                    enabled: true,
                    pageSize: 50
                },
                selection: {
                    mode: "single"
                },
                onSelectionChanged: function (selectedItems) {
                    var data = selectedItems.selectedRowsData[0];
                    if (data) {
                        var event = { ctrlKey: false };
                    }
                }
            });
    });

</script>