@extends('superadmin.layout')
@section('content')
    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header d-md-flex align-items-center justify-content-between">
                <div>
                    <h3>Dashboard</h3>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Admin</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
                        </ol>
                    </nav>
                </div>
            </div>
            <!-- end::page header -->
            <x-flashMessage />

            {{-- Main --}}
            <div class="card">
                {{-- Filters --}}
                <div class="card-header">
                    <form method="get" action="{{ asset('/superadmin/dashboard') }}">
                        {{-- Date Filter --}}
                        <div class="row">
                            <div class="col-md-6">
                                <label>Start Date</label>
                                <input type="date" class="form-control"
                                    value="{{ isset($_GET['from_date']) && !empty($_GET['from_date']) ? $_GET['from_date'] : '' }}"
                                    name="from_date">
                            </div>
                            <div class="col-md-6">
                                <label>End Date</label>
                                <input type="date" class="form-control"
                                    value="{{ isset($_GET['to_date']) && !empty($_GET['to_date']) ? $_GET['to_date'] : '' }}"
                                    name="to_date">
                            </div>
                        </div>
                    </form>
                </div>

                {{-- Card total --}}
                <div class="card-body">
                    <div class="row row-sm">

                        {{-- Total --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Total SMS</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_student">{{$total_sms}}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Dropouts --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Total Student</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_student">{{ $total_students }}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Continued --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">Employees</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_employees">{{$total_employees}}</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- New --}}
                        <div class="col-xl-3 col-lg-6 col-lg-6 col-sm-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <h6 class="text-uppercase font-size-11 m-b-15">New Students</h6>
                                            <h4 class="m-b-0">
                                                <span id="total_newentry">0</span>
                                            </h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Carts --}}
                <div class="card-body">
                    <div class="row">

                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@push('footer-script')
@endpush