@model IEnumerable<upes_admission.Models.OnlineApplicantsModels>

@{
    ViewBag.Title = "UPES | Online Applicants";
    Layout = "~/Views/Shared/_BackOfficeMaster.cshtml";
}

@section style
{
    <!-- DATA TABLES -->
    <link href="~/Src/AdminSkin/css/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
}

<!-- Main content -->
<section class="content">
    <!-- Small boxes (Stat box) -->
    <div class="row">

    </div><!-- /.row -->
    <!-- top row -->
    <div class="row">
        <div class="col-xs-12 connectedSortable">

        </div><!-- /.col -->
    </div>
    <!-- /.row -->
    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <section class="col-lg-12 connectedSortable">

            <div class="box">
                <div class="box-header">

                </div><!-- /.box-header -->
                <div class="box-body table-responsive">
                    <table id="myTableState" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>StudentID</th>
                                <th>FirstName</th>
                                <th>MiddleName</th>
                                <th>LastName</th>
                                <th>DOB</th>
                                <th>Gender</th>
                                <th>Status</th>
                                <th>ApplStatus</th>
                                <th>UpdatedStatus</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model)
                            {
                            <tr>
                                <td>
                                    @item.Sno
                                </td>
                                <td>
                                    @item.StudentID
                                </td>
                                <td>
                                    @item.FirstName
                                </td>
                                <td>
                                    @item.MiddleName
                                </td>
                                <td>
                                    @item.LastName
                                </td>
                                <td>
                                    @item.DOB
                                </td>
                                <td>
                                    @item.Gender
                                </td>
                                <td>
                                    @item.Status
                                </td>
                                <td>
                                    @item.ApplStatus
                                </td>
                                <td>
                                    @item.UpdatedStatus
                                </td>

                            </tr>
                            }
                        </tbody>
                    </table>
                </div><!-- /.box-body -->
            </div><!-- /.box -->
        </section>
    </div>

</section><!-- /.content -->

@section scripts
    {
    <!-- DATA TABES SCRIPT -->
    <script src="~/Src/AdminSkin/js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
    <script src="~/Src/AdminSkin/js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
    <!-- page script -->
    <script type="text/javascript">
        $(function () {
            $("#myTableState").dataTable(
                {
                    "bFilter": true,
                    "bSort": true,
                    "bPaginate": true
                }
                //{
                //    "bPaginate": true,
                //    "bLengthChange": false,
                //    "bFilter": false,
                //    "bSort": false,
                //    "bInfo": true,
                //    "bAutoWidth": false
                //}
            );
        });
    </script>
}