@extends('admin.layout.layout')
@section('content')



<!-- Dashboard for Admin & Subadmin -->


<div class="app-main__inner">



    <!-- // Students -->

    <div class="tabs-animation">
        <div class="mb-3 card">
            <div class="card-header-tab card-header">
                <div class="card-header-title font-size-lg text-capitalize fw-normal">
                    <i class="header-icon lnr-charts icon-gradient bg-happy-green"></i>
                    Dashboard
                </div>
            </div>
            @if (Session::has('error_message'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: 5px;">
                  <strong>Error!</strong> {{ Session::get('error_message') }}
                  <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
            @endif

            

            <div class="g-0 row">

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-10 bg-warning"></div>
                            <i class="lnr-users text-dark opacity-8"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Total Students</div>
                            <div class="widget-numbers">
                                @if($totalStudents)
                                    {{ $totalStudents }}
                                @else
                                    0
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="divider m-0 d-md-none d-sm-block"></div>
                </div>
                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-danger"></div>
                            <i class="lnr-cross-circle text-white"></i>
                        </div>

                        <div class="widget-chart-content">
                            <div class="widget-subheading">Inactive Students</div>
                            <div class="widget-numbers">
                                <span>
                                    @if($inactiveStudents)
                                    {{ $inactiveStudents }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="divider m-0 d-md-none d-sm-block"></div>
                </div>

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-success"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Active Students</div>
                            <div class="widget-numbers text-success">
                                <span>
                                    @if($activeStudents)
                                    {{ $activeStudents }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-primary"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">New Admissions</div>
                            <div class="widget-numbers text-primary">
                                <span>
                                    @if($newAdmissions)
                                    {{ $newAdmissions }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>



    <!-- // Staff / Employees / Admins-->

    <div class="tabs-animation">
        <div class="mb-3 card">
            
            @if (Session::has('error_message'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: 5px;">
                  <strong>Error!</strong> {{ Session::get('error_message') }}
                  <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
            @endif

            

            <div class="g-0 row">
                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-10 bg-warning"></div>
                            <i class="lnr-users text-dark opacity-8"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Total Staff</div>
                            <div class="widget-numbers">
                                @if($totalEmployees)
                                    {{ $totalEmployees }}
                                @else
                                    0
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="divider m-0 d-md-none d-sm-block"></div>
                </div>
                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-danger"></div>
                            <i class="lnr-cross-circle text-white"></i>
                        </div>

                        <div class="widget-chart-content">
                            <div class="widget-subheading">Inactive Staff</div>
                            <div class="widget-numbers">
                                <span>
                                    @if($inactiveEmployees)
                                    {{ $inactiveEmployees }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="divider m-0 d-md-none d-sm-block"></div>
                </div>

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-success"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Active Staff</div>
                            <div class="widget-numbers text-success">
                                <span>
                                    @if($activeEmployees)
                                    {{ $activeEmployees }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-primary"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">New Hires</div>
                            <div class="widget-numbers text-primary">
                                <span>
                                    @if($newHires)
                                    {{ $newHires }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </div>
    </div>

    <!-- End of  Staff / Employees / Admins-->




    <div class="tabs-animation">
        <div class="mb-3 card">
            
            @if (Session::has('error_message'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-top: 5px;">
                  <strong>Error!</strong> {{ Session::get('error_message') }}
                  <button type="button" class="close pull-right" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
            @endif

            

            <div class="g-0 row">
                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-10 bg-warning"></div>
                            <i class="lnr-users text-dark opacity-8"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Total Teachers</div>
                            <div class="widget-numbers">
                                @if($totalTeachers)
                                    {{ $totalTeachers }}
                                @else
                                    0
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="divider m-0 d-md-none d-sm-block"></div>
                </div>
                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-info"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>

                        <div class="widget-chart-content">
                            <div class="widget-subheading">Total Classes</div>
                            <div class="widget-numbers">
                                <span>
                                    @if($totalClasses)
                                    {{ $totalClasses }}
                                    @else
                                        0
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="divider m-0 d-md-none d-sm-block"></div>
                </div>

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-success"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Total Fees Collected</div>
                            <div class="widget-numbers text-success">
                                <span>
                                    @if(0)
                                    
                                    @else
                                        
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3 col-xl-3">
                    <div class="card no-shadow rm-border bg-transparent widget-chart text-start">
                        <div class="icon-wrapper rounded-circle">
                            <div class="icon-wrapper-bg opacity-9 bg-primary"></div>
                            <i class="lnr-checkmark-circle text-white"></i>
                        </div>
                        <div class="widget-chart-content">
                            <div class="widget-subheading">Pending Fees</div>
                            <div class="widget-numbers text-primary">
                                <span>
                                    @if(0)
                                    
                                    @else
                                        
                                    @endif
                                </span>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </div>
    </div>








    <div class="row">
        <div class="col-md-6">
            <div class="main-card mb-3 card">
                <div class="card-header">
                    Students by Class
                </div>
                <div class="table-responsive">
                    <table class="align-middle mb-0 table table-borderless table-striped table-hover">
                        <thead>
                            <tr>
                                <th class="text-center"></th>
                                <th>Class</th>
                                <th class="text-center">Students</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($studentsByClasses->isNotEmpty())
                            @foreach($studentsByClasses as $studentsByClass)
                            <tr>
                                <td class="text-center text-muted"></td>
                                <td>
                                    <div class="widget-content p-0">
                                        <div class="widget-content-wrapper">     
                                            <div class="widget-content-left flex2">
                                                <div class="widget-heading">{{ $studentsByClass->class }}</div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td class="text-center">{{ $studentsByClass->quantity }}</td>
                                
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-lg-12 col-xl-6">
            <div class="main-card mb-3 card">
                <div class="grid-menu grid-menu-2col">
                    <div class="g-0 row">

                        <div class="col-sm-6">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-primary"></div>
                                    <i class="lnr-user text-primary"></i>
                                </div>
                                <div class="widget-numbers">
                                    {{ $studentsByGenderMale }}
                                </div>
                                <div class="widget-subheading">Male Students</div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-info"></div>
                                    <i class="lnr-users text-info"></i>
                                </div>
                                <div class="widget-numbers">
                                    {{ $studentsByGenderFemale }}
                                </div>
                                <div class="widget-subheading">Female Students</div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-primary"></div>
                                    <i class="lnr-user text-primary"></i>
                                </div>
                                <div class="widget-numbers">
                                    {{ $employeesByGenderMale }}
                                </div>
                                <div class="widget-subheading">Male Staff</div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="widget-chart widget-chart-hover">
                                <div class="icon-wrapper rounded-circle">
                                    <div class="icon-wrapper-bg bg-info"></div>
                                    <i class="lnr-users text-info"></i>
                                </div>
                                <div class="widget-numbers">
                                    {{ $employeesByGenderFemale }}
                                </div>
                                <div class="widget-subheading">Female Staff</div>
                            </div>
                        </div>
                        
                        

                    </div>
                </div>
            </div>
        </div>
    </div>   


</div>





@endsection