@{
    ViewBag.Title = "General Report";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
@model NEducation.NEduService.reportObj[]

<div class="content-header row">
    <div class="content-header-left col-md-6 col-xs-12 mb-1">
        <h2 class="content-header-title">Report</h2>
    </div>
    <div class="content-header-right breadcrumbs-right breadcrumbs-top col-md-6 col-xs-12">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="index.html">Admin</a>
                </li>
                @*<li class="breadcrumb-item">
                        <a href="#">Report</a>
                    </li>*@
                <li class="breadcrumb-item active">
                    <a href="#">Report</a>
                </li>
            </ol>
        </div>
    </div>
</div>
<div class="content-body">
    <!-- Basic form layout section start -->
    <section id="basic-form-layouts">

        <div class="row match-height">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title" id="basic-layout-form-center">General Report</h4>
                        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0">
                                <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                                <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                                <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                                @*<li><a data-action="close"><i class="icon-cross2"></i></a></li>*@
                            </ul>
                        </div>
                    </div>
                    <div class="card-body collapse in">
                        <div class="card-block card-dashboard">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover">
                                    <thead class="thead-inverse">
                                        <tr>
                                            <th scope="col">#</th>
                                            <th scope="col" class="text-center">Report date</th>
                                            <th scope="col" class="text-center">Revenue</th>
                                            <th scope="col" class="text-center">Register new</th>
                                            <th scope="col" class="text-center">Deactive</th>
                                            <th scope="col" class="text-center">Total sub</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if (Model != null)
                                        {
                                            for (int i = 0; i < Model.Length; i++)
                                            {
                                                NEducation.NEduService.reportObj reportObj = Model[@i];
                                                <tr>
                                                    <td scope="row">@(i + 1)</td>
                                                    <td class="text-center">@reportObj.reportDate</td>
                                                    <td class="text-right">@reportObj.revenue</td>
                                                    <td class="text-right">@reportObj.registerNew</td>
                                                    <td class="text-right">@reportObj.deactive</td>
                                                    <td class="text-right">@reportObj.totalSub</td>
                                                </tr>
                                            }
                                        }
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- // Basic form layout section end -->
</div>