@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 = "Receipt";
    Layout = "~/Views/Shared/_ApplicationsLayout.cshtml";
}

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

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

@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts))
{
<div class="contentBlock">
    <div class="header">
        <h2>
            Unassigned Receipts
            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_Createreceipt))
            {
            <button data-bind="click: $root.ShowCreateReceipt" style=" float:right; top:-5px;">Create Receipt</button>
            }
        </h2>        
    </div>
    <div>
        <div data-bind="visible: UnassignedReceipts().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Receipt Number</th>
                        <th>Applicant</th>
                        <th>ID Number</th>
                        <th>Registration Number</th>
                        <th>Chassis Number</th>
                        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_CancelReceipt) || SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_ReprintReceipt))
                        {
                            <th></th>
                        }
                    </tr>
                </thead>
                <tbody data-bind="foreach: UnassignedReceipts">
                    <tr>
                        <td data-bind="html: ReceiptNumber"></td>
                        <td data-bind="html: ApplicantData"></td>
                        <td data-bind="html: $root.GetReceiptItemValue(ReceiptItems,'idnumber')"></td>
                        <td data-bind="html: $root.GetReceiptItemValue(ReceiptItems,'registrationnumber')"></td>
                        <td data-bind="html: $root.GetReceiptItemValue(ReceiptItems,'chassisnumber')"></td>
                        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_CancelReceipt) || SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_ReprintReceipt))
                        {
                        <td>
                            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_CancelReceipt))
                            {
                            <a data-bind="click: $root.CancelReceipt.bind($data)" href="#">Cancel&nbsp; &nbsp;</a>
                            }

                            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_ReprintReceipt))
                            {
                                <a data-bind="click: $root.ReprintReceipt.bind($data)" href="#">Re-print</a>
                            }
                        </td>                            
                        }
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: UnassignedReceipts().length == 0">There are currently no unassigned receipts.</div>
    </div>
</div>

<div id="CreateReceiptDialog">
    <div id="CreateReceiptDetails">        
        <b>NB.</b> Receipts should only be created manually if the application can not be started in the usual way due to source application errors.
        <br/>
        <br />
        <table class="borderless">
            <tr>
                <td>Request Type</td>
                <td><select data-bind="options: ApplicationRequestTypes, optionsText: 'Title', optionsValue: 'ApplicationRequestTypeID', value: Create_ApplicationRequestTypeID"></select></td>
            </tr>
            <tr>
                <td>Payment Type</td>
                <td><select data-bind="options: PaymentTypes, optionsText: 'Description', optionsValue: 'PaymentTypeID', value: Create_PaymentTypeID"></select></td>
            </tr>
            <tr>
                <td>Applicant Name</td>
                <td><input type="text" data-bind="value: Create_ApplicantName" /></td>
            </tr>
            <tr>
                <td>ID No./Business Registration No.</td>
                <td><input type="text" data-bind="value: Create_IdNumber" /></td>
            </tr>
            <tr>
                <td>Operating Licence/Permit Number</td>
                <td><input id="ln" type="text" data-bind="value: Create_OlPermitNumber" /></td>
            </tr>
            <tr>
                <td>Vehicle Registration Number</td>
                <td><input type="text" data-bind="value: Create_VehicleRegistrationNumber" /></td>
            </tr>
            <tr>
                <td>Chassis Number</td>
                <td><input type="text" data-bind="value: Create_ChassisNumber" /></td>
            </tr>
        </table>
    </div>
</div>
}

<div class="contentBlock">
    <div class="header"><h2>Outstanding EFT Payments</h2></div>
    <div>
        <div data-bind="visible: ApplicationsAwaitingReceiptEFT().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Select</th>
                        <th>Application Number</th>
                        <th>Application Type</th>
                        <th>Member</th>
                        <th>ID Or Business Registration Number</th>
                        <th>Amount Due</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: ApplicationsAwaitingReceiptEFT">
                    <tr>
                        <td><input data-bind="value: ApplicationRequestDetailID" type="checkbox" /></td>
                        <td><a data-bind="click: $root.OpenWorkflow.bind($data), html: ApplicationNumber" href="#"></a></td>
                        <td data-bind="html: ApplicationDescription"></td>
                        <td data-bind="html: Member"></td>
                        <td data-bind="html: IDNumberOrBusinessRegistrationNo"></td>
                        <td class="Cost" data-bind="html: Cost"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: ApplicationsAwaitingReceiptEFT().length == 0">There are currently no outstanding EFT payments.</div>
        <div class="buttonDock">
            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_Flagasreceived))
            {
            <button class="ui-button" data-bind="click: $root.GenerateReceiptEFT, enable: ApplicationsAwaitingReceiptEFT().length > 0">Flag As Received</button>
            }
        </div>
    </div>
</div>

<div class="contentBlock">
    <div class="header"><h2>Applications Awaiting Receipts</h2></div>
    <div>
        <div data-bind="visible: ApplicationsAwaitingReceipt().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Select</th>
                        <th>Application Number</th>
                        <th>Application Type</th>
                        <th>Member</th>
                        <th>ID Or Business Registration Number</th>
                        <th>Amount Due</th>
                    </tr>
                </thead>
                <tbody data-bind="foreach: ApplicationsAwaitingReceipt">
                    <tr>
                        <td><input data-bind="value: ApplicationRequestDetailID" type="checkbox" /></td>
                        <td><a data-bind="click: $root.OpenWorkflow.bind($data), html: ApplicationNumber" href="#"></a></td>
                        <td data-bind="html: ApplicationDescription"></td>
                        <td data-bind="html: Member"></td>
                        <td data-bind="html: IDNumberOrBusinessRegistrationNo"></td>
                        <td class="Cost" data-bind="html: TotalCost"></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div data-bind="visible: ApplicationsAwaitingReceipt().length == 0">There are currently no Applications Awaiting Receipts.</div>
        <div class="buttonDock">
            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_Assignreceipt))
            {
            <button class="ui-button" data-bind="click: $root.ShowAssignReceipt, enable: UnassignedReceipts().length > 0">Assign Receipt</button>
            }
            @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_Generateandprintreceipt))
            {
            <button class="ui-button" data-bind="click: $root.GenerateReceipt, enable: ApplicationsAwaitingReceipt().length > 0">Generate and Print Receipt</button>
            }
        </div>
    </div>
</div>

<div id="AssignDialog">
    <div id="AssignReceiptDetails">        
        <table class="borderless">
            <tr>
                <td>Application</td>
                <td data-bind="html: Assign_Application"></td>
            </tr>
            <tr>
                <td>Member</td>
                <td data-bind="html: Assign_Member"></td>
            </tr>
            <tr>
                <td>Receipt</td>
                <td><select data-bind="options: UnassignedReceipts, optionsCaption: 'Choose a receipt...', optionsText: 'ReceiptNumber', optionsValue: 'ReceiptDetailID', value: Assign_ReceiptDetailID"></select></td>
            </tr>
            <tr>
                <td>Receipt Details</td>
                <td data-bind="html: Assign_ReceiptDescription"></td>
            </tr>
        </table>
    </div>
</div>

<div class="contentBlock">
    <div class="header"><h2>Recent Receipts</h2></div>
    <div>
        <div data-bind="visible: RecentReceipts().length > 0">
            <table class="fill-content">
                <thead>
                    <tr>
                        <th>Receipt Number</th>
                        <th>Member</th>
                        <th>Receipt Amount</th>
                        <th></th>                        
                    </tr>
                </thead>
                <tbody data-bind="foreach: RecentReceipts">
                    <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>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="2" align="right"><b>Total</b></td>
                        <td class="Cost" style="font-weight:bold;"  data-bind="html: GetTotal(RecentReceipts)"></td>
                        <td></td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div data-bind="visible: RecentReceipts().length == 0">No Receipts have been generated recently.</div>
    </div>
</div>

@*@if (SecurityHelper.UserHasAccessToSecurable(userSecurables, Securable.ApplicationsModule_Receipts_CashUp))
{
    <div class="contentBlock">
        <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>                            
                        </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>                            
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="2" 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>
}*@

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

        $("#CreateReceiptDialog").dialog({
            autoOpen: false,
            minHeight: 'auto',
            width: "840px",
            modal: true,
            resizable: false,
            title: "Create Receipt Form",
            open: function (event, ui) {
                viewModel.Create_ApplicationRequestTypeID(1);
                viewModel.Create_PaymentTypeID(1);
                viewModel.Create_ApplicantName('');
                viewModel.Create_IdNumber('');
                viewModel.Create_OlPermitNumber('');
                viewModel.Create_VehicleRegistrationNumber('');
                viewModel.Create_ChassisNumber('');
                $(".ui-dialog-buttonpane").css("display", "");
            },
            buttons: [{
                text: "Create Receipt",
                click: function () {
                    viewModel.CreateReceipt();
                }
            }]
        });

        $("#AssignDialog").dialog({
            autoOpen: false,
            minHeight: 'auto',
            width: "840px",
            modal: true,
            resizable: false,
            title: "Assign Receipt Form",
            open: function (event, ui) {
                $(".ui-dialog-buttonpane").css("display", "");
            },
            buttons: [{
                text: "Assign Receipt",
                click: function () {
                    viewModel.AssignReceipt();
                }
            }]
        });
        

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