@{
    ViewData["Title"] = "Dashboard";
}

@section styles {
    <link href="~/lib/datatables.net-bs/css/dataTables.bootstrap.css" rel="stylesheet" />
    <link href="~/lib/angular-datatables/dist/css/angular-datatables.css" rel="stylesheet" />
    <link href="~/lib/angular-datatables/dist/plugins/bootstrap/datatables.bootstrap.min.css" rel="stylesheet" />
    <style>
        .buttons {
            margin-bottom: 15px;
        }
    </style>
}

@section scripts{

    <script src="~/lib/datatables.net/js/jquery.dataTables.js"></script>
    <script src="~/lib/datatables.net-dt/js/dataTables.dataTables.js"></script>
    <script src="~/lib/angular-datatables/dist/angular-datatables.js"></script>
    <script src="~/lib//angular-datatables/dist/plugins/bootstrap/angular-datatables.bootstrap.min.js"></script>
    <script>
        $.fn.dataTableExt.oSort['date-time-pre'] = function (value) {
            return moment(value);
        };
        $.fn.dataTableExt.oSort['date-time-asc'] = function (a, b) {
            return a - b;
        };
        $.fn.dataTableExt.oSort['date-time-desc'] = function (a, b) {
            return b - a;
        };
    </script>
    <script src="~/app/Models/enums.js"></script>
    <script src="~/app/controllers/BorrowerController.js?v=@DateTime.Now.ToString("yymmddhmm")"></script>

    <script>
        BuddyFinance.ProfileNumber = '@SessionManager.Current?.CurrentUser.ProfileNumber';

        angular.element(document).ready(function () {
            //angular.bootstrap(document.getElementById("loanRequest"), ['Borrower']);
            $("#body").attr("ng-controller", "borrowerCtrl");
            angular.bootstrap(document.getElementById("body"), ['Borrower']);
        });
    </script>
}

@*  ng-controller="borrowerCtrl" *@
<div id="loanRequest" class="container">
    <div class="col-lg-12">
        <h3 class="page-header" id="pageTitle" style="padding-bottom: 0; text-align: left">
            Borrow
            <small class="ng-cloak"> - {{pageTitle}}</small>
        </h3>
    </div>
    <div class="row">
        <div class="col-md-3 hidden-xs">
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a class="action-btn" ui-sref="dashboard">Dashboard</a></li>
                <li role="presentation"><a class="action-btn" ui-sref="loanrequests">Loan Requests</a></li>
                @*<li role="presentation"><a class="action-btn" ui-sref="PreLoanRequestList">Pre-Loan Requests</a></li>*@
                <li role="presentation"><a class="action-btn" ui-sref="loans">Loans </a></li>
                <li role="presentation"><a class="action-btn" ui-sref="statement">Statement</a></li>
                <li><a class="action-btn" target="_self" href="@Url.Action("Dashboard", "Profile")">Profile</a></li>
            </ul>
        </div>

        <div class="col-md-9">
            <div ui-view></div>
        </div>
    </div>
</div>

@* style="padding-top: 15px" *@