@using Pilotfish.Afx.ComponentModel
@using Pilotfish.Afx.Security
@using Pilotfish.Afx.Mvc
@using Neo.Legitimate.Common;

@{
                /**/

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

@{
    ViewBag.Title = "CashupUserPage";
    Layout = "~/Views/Shared/_ApplicationsLayout.cshtml";
}

@Html.Partial("Scripts/CashupUserPage-Init")
@Html.Partial("Scripts/CashupUserPage-Events")

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

@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_CashUp))
{
    <div class="contentBlock">
        <table class="fill-content">
            <tr>
                <td>Cashier Name</td>
                <td><input type="text" data-bind="value:CashierName, enable: false" /></td>
            </tr>
        </table>
        <div class="header">
            <h2>Cash Up</h2>
            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.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>
            <div data-bind="visible: ReceiptsAwaitingCashup().length > 0">
                <table class="fill-content">
                    <thead>
                        <tr>
                            <th>Receipt Number</th>
                            <th>Member</th>
                            <th>Receipt Amount</th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody data-bind="foreach: ReceiptsAwaitingCashup">
                        <tr>
                            <td data-bind="html: ReceiptNumber"></td>
                            <td data-bind="html: ApplicantData"></td>
                            <td class="Cost" data-bind="html: TotalCost"></td>
                            <td>
                                @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_ReprintReceipt))
                                {
                                    <a data-bind="click: $root.ReprintReceipt.bind($data)" href="#">Re-print</a>
                                }
                            </td>
                            <td>
                                <button class="ui-button" data-bind="click: $root.OpenReceiptManagement.bind($data)">Receipt Management</button>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="4" style="text-align:right;"><b>Total</b></td>
                            <td class="Cost" style="font-weight:bold;" data-bind="html: GetTotal(ReceiptsAwaitingCashup)"></td>
                            <td></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div data-bind="visible: ReceiptsAwaitingCashup().length == 0">No Receipts for Cash-Up.</div>
            <div data-bind="visible: ReceiptsAwaitingCashup().length > 0" class="buttonDock">
                <button class="ui-button" data-bind="click: GenerateCashUp">Cash-Up</button>
            </div>
        </div>
    </div>

    <div class="contentBlock">
        <div class="header">
            <h2>
                Recent Cashups
            </h2>
        </div>
        <div data-bind="visible: RecentCashups().length > 0">
            <table class="fill-content clickable">
                <thead>
                    <tr>
                        <th>Receipt Batch Number</th>
                        <th>Member</th>
                        <th>Cashup Amount</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: RecentCashups">
                    <tr data-bind="click: $root.ShowCashupReport.bind($data)">
                        <td data-bind="html: ReferenceNumber"></td>
                        <td data-bind="html: KnownAs"></td>
                        <td class="Cost" data-bind="html: BatchTotal"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: RecentCashups().length == 0">No Recent Cash-Ups.</div>
    </div>
}

<script>
    $(document).ready(function () {

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