@model IEnumerable<BuddyFinance.Integration.Models.LoanModel>
@using BuddyFinance.Integration.Models.Enums;

<table class="table table-striped data-table">
    <thead>
        <tr>
            <th>
                @Html.DisplayName("Loan Amount")
            </th>
            <th>
                @Html.DisplayName("Interest Rate")
            </th>
            <th>
                @Html.DisplayName("Loan Duration")
            </th>
            <th>
                @Html.DisplayName("Profile")
            </th>
            <th>
                @Html.DisplayName("First Repayment Date")
            </th>

            <th>
                @Html.DisplayName("Status")
            </th>

            <th></th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            var id = "loan-st-" + item.Id;
            var labelClass = "";
            switch (item.LoanStatusId)
            {
                case (int)LoanStatusEnum.Pending:
                    labelClass = "warning";
                    break;

                case (int)LoanStatusEnum.Active:
                    labelClass = "success";
                    break;

                case (int)LoanStatusEnum.PaidUp:
                    labelClass = "info";
                    break;

                default:
                    labelClass = "default";
                    break;
            }
            <tr id="loan-@item.Id">

                <td>
                    @item.LoanAmount.ToString("C2")
                </td>
                <td>
                    @item.LoanOffer.InterestRate %
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.LoanDuration)  @Html.DisplayFor(modelItem => item.TermType.Description)
                </td>
                <td>
                    @item.LoanRequest.Borrower?.ProfileNumber
                </td>
                <td id="loan-repay-@item.Id">
                    @item.FirstRepaymentDate.ToString("dd MMMM yyyy")
                </td>

                @*<td>
                        @Html.DisplayFor(modelItem => item.LoanRequestId)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.LoanOfferId)
                    </td>*@
                <td id="@id">
                    <span class="label label-@labelClass">@item.Status.Description</span>
                </td>

                <td>
                    @if (item.Status.Id == (int)LoanStatusEnum.Pending)
                    {
                        @*<a onclick="ApproveLoan('@item.Id', '@id')" class="btn btn-success btn-sm" title="Approve"><i class="fa fa-check-square-o"></i></a>*@
                        <a onclick="allocatePayout(@item.Id)" id="status-@item.Id" class="btn btn-success btn-sm" title="Approve and allocate payout"><i class="fa fa-check-square-o"></i></a>
                        <a onclick="deactivateLoan(@item.Id)" id="status-decline-@item.Id" class="btn btn-danger btn-sm" title="Decline"><i class="fa fa-ban"></i></a>
                    }
                    @*else
                    {
                        <a href="@Url.Action("Manage","Loans", new { Id = item.Id })" class="btn btn-default btn-sm" title="Manage"> <i class="fa fa-pencil-square-o"></i></a>
                    }*@
                    <a href="@Url.Action("Manage","Loans", new { Id = item.Id })" class="btn btn-default btn-sm" title="Manage"> <i class="fa fa-pencil-square-o"></i></a>
                </td>
            </tr>
        }
    </tbody>
</table>

@*<script>
        $(".tblLoans").DataTable({
            responsive: true
        });
    </script>*@