@model  Neo.LegitimateLicences.Applications.CashupUserPageModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Security
@using Neo.Afx.Mvc
@using Neo.LegitimateLicences.Common;

@{

    var userSecurables = (Profile != null && ((Neo.Afx.Security.UserProfile)Profile).Securables != null) ? ((Neo.Afx.Security.UserProfile)Profile).Securables.ToList() : null;
}

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

    @Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {
        ReceiptsAwaitingCashup: ko.mapping.fromJSON('@Html.Raw(Model.ReceiptsAwaitingCashup.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))'),
        //RecentCashups: ko.mapping.fromJSON('@Html.Raw(Model.RecentCashups.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))'),
        UserID: ko.observable(''),
        Total: ko.observable(0),
        DefaultPrinterName: '@Html.Raw(Model.DefaultPrinterName)',
        ReceiptBatchID: ko.observable(0),
        ReceiptBatchNumber: ko.observable(''),
        Searched: ko.observable(false),
        UserID: '@Html.Raw(Model.UserID)',
        CashierName: '@Html.Raw(Model.CashierName)',
        userEmail: '@(((Neo.Afx.Security.UserProfile)Profile).Email)'
    });
</script>

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

        PrintReceipt: function (receiptDetailID) {
                app.dialogs.requestValue.fire({
                    title: 'Enter the reason for the reprint:',
                    confirmButtonText: 'Start Reprint',
                    inputValidator: function(value) {
                        if (!value || value.length < 10) {
                            return 'You need to specify a valid reason.'
                        }
                    }
                }).then(function(dialogResult) {
                    if (dialogResult.value) {
                        viewModel.CreatePrintRequest(receiptDetailID, true /*isReprint*/, dialogResult.value);
                    }
                });
        },

        CreatePrintRequest: function(receiptDetailID, isReprint, reprintReason) {
            var s = viewModel;
            var pushData = {
                entityID: 1001 /*receipt details*/,
                itemID: receiptDetailID,
                printoutTypeID: 1 /*Receipt*/,
                isReprint: isReprint,
                reprintReason: reprintReason,
                isTestPrint: false
            };

            app.dataManager.post("Applications", "StartReceiptPrintout", pushData,
                function (result) {
                    if (result != null) {
                        if (result.ErrorMessage == "") {
                            var w = (window.parent) ? window.parent : window
                            w.location.assign('LegitimateDesktop:print_' + s.userEmail + '_' + result.PrintoutToken);
                        }
                        else {
                            app.dialogs.showError.fire({ html: result.ErrorMessage });
                        }
                    }
                }, null);
        },

        GetTotal: function (array) {
            var s = viewModel;
            var total = 0;
            $.each(array(), function (i, item) {
                try {
                    total = total + item.TotalCost();
                } catch (e) {
                    total = total + item.TotalCost;
                }

            });

            return total;
        },
        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.CashupModule_ReceiptBatchGenerate))
        {
        <text>
        GenerateCashUp: function () {
            var data = {
                userID: viewModel.UserID
            };

            app.dialogs.showConfirm.fire({
                title: "Are you sure you want to do a cash up?",
                showCancelButton: true
            }).then(
                function(dialogResult) {
                    if (dialogResult.value) {
                        app.dataManager.post("Applications", "GenerateReceiptBatch", data, function (result) {
                            if (result != null) {
                                if (result.Success) {
                                    window.location.reload();
                                }
                                else {
                                    app.dialogs.showError.fire({ html: result.ErrorMessage });
                                }
                            }
                        }, null);

                    };
                }
            );
        },
        </text>
        }
        

        OpenReceiptManagement: function (receiptNumber) {
        var queryString = 'receiptNumber='  + receiptNumber ;            
        document.location.href = "/#Applications/ReceiptManagement?" + queryString;

            //viewModel.loadConsole("Applications", "ReceiptManagement", queryString, true);
        },

        //ShowCashupReport: function (item) {
        //    if (item != null && item.value != 'No results found.' && item.value != 'loading...') {
        //        viewModel.RunCustomReport(1, "&ReceiptBatchID=" + item.Key);
        //    }
        //},

        //RunCustomReport: function (reportDefinitionID, additionalParams) {
        //    var url = app.serviceUrl + "ReportDownloader.ashx";
        //    var queryString = '?reportDefinitionID=' + reportDefinitionID + additionalParams;
        //    window.open(url + queryString, '', null, null);
        //    //window.open('/Afx/ReportViewer' + queryString , '', null, null);
        //}

    });
</script>


@*<object id="appReceiptPrintControl" name="appReceiptPrintControl" classid="clsid:44290006-0D62-4454-9E9C-B5623D7D921A" style="display:none;"></object>*@

@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.ApplicationsModule_Receipts_CashUp))
{
<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    <div class="page-header flex-lock">
        <h4 class="page-title">Receipts</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">
                Cashups
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                Outstanding Cashups
            </li>
        </ul>
    </div>
  
    <div class="row">
        <div class="col">
            <div id="TabbedCard" class="card">
                <div class="card-header navbar right" style="float:right;">
                    <div class="row">
                        <div class="col-sm-12 col-lg-12 col-xl-12"style="text-align:right;">
                                <span class="card-title">Cashier Name: <strong>@Model.CashierName</strong></span>
                        </div>
                    </div>
                </div>
                @*<div class="card-header navbar" style="width:300px !important; border-right:1px solid #ebecec;">
            Cashier Name <input style="text-align:center;" type="text" data-bind="value:CashierName, enable: false" />
        </div>*@
                <div class="card-header navbar">
                    <h4 class="card-title">Outstanding Cashups</h4>
                    @*@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.ApplicationsModule_Receipts_RunCashupReport))
                    {
                    <div class="col-sm-12 col-lg-4 col-xl-4" style="margin-right:10px !important;">
                        <label class="bmd-label-floating" >Cash Up Report Search (reference):</label>
                        <span id="BatchPicker" placeholder="Search ..."data-picker-bind="modelID: ReceiptBatchID, template: BatchPicker, viewModelName: viewModel, callBackOnSelect:ShowCashupReport"></span>
                    </div>
                    }*@
                    </div>
                @*<div>
                    @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.ApplicationsModule_Receipts_RunCashupReport))
                    {
                        <span style="float:right; margin-top:-35px;">Cash Up Report Search (reference or yyyy-mm-dd):<span data-picker-bind="modelID: ReceiptBatchID, template: ReceiptBatchPicker"></span></span>
                    }
                </div>*@
                <div class="card-body">
                    <div data-bind="visible: ReceiptsAwaitingCashup().length > 0" id="receiptsAwaitingCashup"></div>
                    <div data-bind="visible: ReceiptsAwaitingCashup().length == 0" id="receiptsAwaitingCashup"> No receipts awaiting cash up</div>
                    <div class="clearfix"><br></div>
                    <div data-bind="visible: ReceiptsAwaitingCashup().length > 0" style="float:right;">
                        @*<div class="row">
                            <div class="col-sm-12 col-lg-12 col-xl-12">
                                <div class="form-group bmd-form-group card-title">
                                    <label class="bmd-label-floating">Total: </label>
                                    <span data-bind="text: 'R ' + (GetTotal(ReceiptsAwaitingCashup)).toFixed(2)"></span>
                                </div>
                            </div>
                        </div>*@
                        @*Total  &nbsp;<input style="text-align:center;" class="Cost" type="text" data-bind="value: 'R ' + (GetTotal(ReceiptsAwaitingCashup)).toFixed(2),  enable: false">
                        <br> <br>*@
                    </div>
                </div>
                <div class="card-footer" style="float:right;" data-bind="visible: ReceiptsAwaitingCashup().length > 0">
                    @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.CashupModule_ReceiptBatchGenerate))
                    {
                        <button class="btn btn-primary float-right" style="float:right;" data-bind="click: GenerateCashUp"> Cash-Up</button>
                    }
                </div>
            </div>

            @*<div id="TabbedCard" class="card">
                <div class="card-header navbar">
                    <h4 class="card-title">Recent Cashups</h4>
                </div>
                <div class="card-body">
                    <div data-bind="visible: RecentCashups().length > 0" id="recentCashups"></div>
                    <div data-bind="visible: RecentCashups().length == 0" id="recentCashups">No Recent Cash-Ups.</div>
                    <div class="clearfix"><br></div>

                </div>
            </div>*@
            </div>
    </div>
</div>
       
        }

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

    var pickerTemplates =
    {
        BatchPicker:
        {
            source: 'ReceiptBatch',
            primaryKey: 'ReceiptBatchID',
            param: 'SearchText'
        }
    };

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

        widgets.applyPickerBindingsElement($('#BatchPicker'), pickerTemplates);

        $("#receiptsAwaitingCashup").dxDataGrid(
            {
                dataSource: viewModel.ReceiptsAwaitingCashup,
                showColumnLines: false,
                showRowLines: true,
                rowAlternationEnabled: true,
                showBorders: true,
                allowColumnReordering: false,
                allowColumnResizing: true,
                columns: [
                    {
                        dataField: "ReceiptNumber",
                        cellTemplate: function (container, options) {
                            var rowData = options.row.data;
                            var linkText = rowData.ReceiptNumber();
                            $('<div>' + linkText + '</div>').appendTo(container);
                        }
                    },

                    {
                        caption: "Member", dataField: "ApplicantData"
                    },
                    {
                        caption: "Receipt Date", dataType: "date", dataField: "CreatedDate",
                        format: "dd/MM/yyyy"
                        //cellTemplate: function (container, options) {
                        //    var rowData = options.row.data;
                        //    var linkText = rowData.TotalCost().toFixed(2);
                        //    $('<div> R ' + linkText + '</div>').appendTo(container);
                        //}
                    },
                    {
                        caption: "Receipt Amount", alignment: "right", dataType: "number", dataField: "TotalCost",
                        format: "R #,##0.##"
                        //cellTemplate: function (container, options) {
                        //    var rowData = options.row.data;
                        //    var linkText = rowData.TotalCost().toFixed(2);
                        //    $('<div> R ' + linkText + '</div>').appendTo(container);
                        //}
                    },

                    {
                        dataField: "CreatedDate",
                        allowSearch: true,
                        visible: false
                    },
                    {
                        caption: "",
                        width: 150,
                        cellTemplate: function (container, options) {
                            var rowData = options.row.data;
                            var linkText = "Reprint";
                           
                            $('@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.ApplicationsModule_ApplicationRequest_ReprintReceipt)){<button href="#" class="btn btn-primary btn-sm mr-1" style="float: right;" onclick="viewModel.PrintReceipt(' + rowData.ReceiptDetailID() + ')">' + linkText + '</button>}').appendTo(container);

                        }
                    }
                    ,

                    {
                        caption: "",
                        cellTemplate: function (container, options) {
                            var rowData = options.row.data;
                            var linkText = "Receipt Management";
                            $('@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.ApplicationsModule_ReceiptManagement)){<button href="#" style="width" class="btn btn-primary btn-sm mr-1" style="float: right;" onclick="viewModel.OpenReceiptManagement(\'' + rowData.ReceiptNumber() + '\')">' + linkText + '</button>}').appendTo(container);
                           //$('<button href="#" style="width" class="btn btn-primary btn-sm mr-1" style="float: right;" onclick="viewModel.OpenReceiptManagement(\'' + rowData.ReceiptNumber() + '\')">' + linkText + '</button>').appendTo(container);

                        }
                    }

                ],
                summary: {
                    totalItems: [{
                        column: "TotalCost",
                        summaryType: "sum", valueFormat: "R #,##0.##",
                    }
                    ]
                },
                paging: {
                    enabled: true,
                    pageSize: 20
                }

                //,
                //selection: {
                //    mode: "single"
                //},
                //onSelectionChanged: function (selectedItems) {
                //    var data = selectedItems.selectedRowsData[0];
                //    if (data) {
                //        var event = { ctrlKey: false };
                //        $("#TabbedCard").addClass("is-loading");
                //        document.location.href = '/Applications/CashupUserPage?userID=' + data.UserID();
                //    }
                //}
            });

        //$("#recentCashups").dxDataGrid(
        //    {
        //        dataSource: viewModel.RecentCashups,
        //        showColumnLines: false,
        //        showRowLines: true,
        //        rowAlternationEnabled: true,
        //        showBorders: true,
        //        allowColumnReordering: false,
        //        allowColumnResizing: true,
        //        columns: [
        //            {
        //                caption: "Receipt Batch Number",
        //                cellTemplate: function (container, options) {
        //                    var rowData = options.row.data;
        //                    var linkText = rowData.ReferenceNumber();
        //                    $('<div>' + linkText + '</div>').appendTo(container);
        //                }
        //            },

        //            {
        //                caption: "Cashed Up By",
        //                cellTemplate: function (container, options) {
        //                    var rowData = options.row.data;
        //                    var linkText = rowData.KnownAs();
        //                    $('<div>' + linkText + '</div>').appendTo(container);
        //                }
        //            },
        //            {
        //                caption: "Cashup Amount",
        //                cellTemplate: function (container, options) {
        //                    var rowData = options.row.data;
        //                    var linkText = rowData.BatchTotal().toFixed(2);
        //                    $('<div> R ' + linkText + '</div>').appendTo(container);
        //                }
        //            }
                    
        //        ],
        //        paging: {
        //            enabled: false
        //        }
        //    });

    });
        </script>
   

  <script>
      function ConsoleCallback() {
          window.location.reload();
      }
                //$(document).ready(function () {

                //    viewModel.ReceiptBatchID.subscribe(function (newValue) { viewModel.ShowCashupReport(newValue) });
                //    $(".Cost").autoNumeric({ aSep: ' ', aDec: '.', aSign: 'R' }).css("text-align", "right");
                //});
  </script>