@model BuddyFinance.Admin.Areas.Admin.Models.BuddyFinanceViewModel
@using BuddyFinance.Common.Encryption
@using BuddyFinance.Integration.Models.Enums

@{
    ViewData["Title"] = "Manage Cash, Transaction Histrory";
}

@section pageHeader {
    <section class="content-header">
        <h1>
            Buddy Finance
            <small></small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="@Url.Action("index", "home", new { area = "admin" })"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Buddy Finance</li>
        </ol>
    </section>
}

<div class="row">
    <div class="col-xs-12">
        <div class="box box-default">
            <div class="box-header">
                <h3 class="box-title">Transaction Histroy</h3>
            </div>

            <div class="box-body" style="margin-bottom: 15px">
                <table id="tblTxHistory" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Description</th>
                            @*<th>Reference</th>*@
                            <th>Credit (+ money in)</th>
                            <th>Debit (- money out)</th>
                            <th>Tx Fee</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var item in Model.TransactionHistory)
                        {
                            <tr>
                                <td>@item.TransactionDate.ToString("dd MMMM yyyy h:mm tt")</td>
                                <td>@item.Description</td>
                                @*<td>@item.Reference</td>*@

                                @if (item.TransactionTypeId == (int)TransactionTypeEnum.Credit)
                                {
                                    <td>@item.Amount.ToString("C2")</td>
                                    <td></td>
                                }
                                else
                                {
                                    <td></td>
                                    <td>@item.Amount.ToString("C2")</td>
                                }

                                <td>
                                    <ul class="list-group">
                                        @foreach (var fee in item.TransactionFees)
                                        {
                                            <li class="list-group-item">@fee.FeeTypeName - @fee.FeeAmount.ToString("C2")</li>
                                        }
                                    </ul>
                                </td>
                            </tr>
                        }
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@section scripts {
    <script>
        var table = $("#tblTxHistory").dataTable({
            dom: 'Bfrtip',
            responsive: true,
            columnDefs: [
                {
                    type: 'date-time',
                    targets: [0],
                }
            ],
            order: [[0, "desc"]],
            buttons: [
                'excelHtml5',
            ]
        });

           // table.buttons().container().appendTo( '#tblTxHistory_wrapper .col-sm-6:eq(0)' );
    </script>
}