@extends('backend.plugins.learning.layouts.master')
@section('content')
    <div class="content d-flex flex-column flex-column-fluid">
        {{-- <div class="pt-6 pb-4">
            <div class="container d-flex justify-content-between flex-stack">
                <div class="d-flex align-items-center me-3">
                    <span class="h-20px border-gray-200 border-start mx-2"></span>
                    <ul class="breadcrumb breadcrumb-separatorless  fs-7 my-1">
                        <li class="breadcrumb-item">
                            <a href="/admin" class="text-dark">Dashboard</a>
                        </li>
                        <li class="breadcrumb-item text-dark">{{ $heading }}</li>
                    </ul>
                </div>
                <div class="">
                    <a href="{{route('cmst.dashboard')}}" class="btn btn-dark">Back</a>
                </div>
            </div>
        </div> --}}
        <!--begin::Container-->
        <div class="container">
            <div class="row g-3 mb-3">
                <div class="col-md-3">
                    <a href="/admin/plugins/learning/clients">
                        <div class="card">
                            <div class="card-body py-3">
                                <div class="row g-3 align-items-center">
                                    <div class="col-md-4 hover-scale">
                                        <div class="bg-danger rounded-3 text-center">
                                            <i style="font-size:35px" class="bi text-white bi-mortarboard-fill"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div>
                                            <h4 class="mb-0">School/College</h4>
                                            <span>{{ $total_clients }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="/admin/plugins/learning/clients">
                        <div class="card">
                            <div class="card-body py-3">
                                <div class="row g-3 align-items-center">
                                    <div class="col-md-4 hover-scale">
                                        <div class="bg-primary rounded-3 text-center">
                                            <i style="font-size:35px" class="text-white bi bi-person-workspace"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div>
                                            <h4 class="mb-0">Class/Levels</h4>
                                            <span>{{ $total_class }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="/admin/plugins/learning/clients">
                        <div class="card">
                            <div class="card-body py-3">
                                <div class="row g-3 align-items-center">
                                    <div class="col-md-4 hover-scale">
                                        <div class="bg-info rounded-3 text-center">
                                            <i style="font-size:35px" class="bi text-white bi-gear-fill"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div>
                                            <h4 class="mb-0">Manage</h4>
                                            <span>{{ $total_subject }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="/admin/plugins/learning/clients">
                        <div class="card">
                            <div class="card-body py-3">
                                <div class="row g-3 align-items-center">
                                    <div class="col-md-4 hover-scale">
                                        <div class="bg-warning rounded-3 text-center">
                                            <i style="font-size:35px" class="bi text-white bi-person-vcard"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div>
                                            <h4 class="mb-0">Students</h4>
                                            <span>{{ $total_student }}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="row g-3">
                <div class="col-md-9">
                    <div class="card">
                        <div class="card-header p-3 border-bottom text-end">
                            <button class="btn-close"></button>
                        </div>
                        <div class="card-body px-0">
                            <table class="table table-hover responsive">
                                <thead>
                                    <th>Student Name</th>
                                    <th>School/Collage</th>
                                    <th>Class/Levels</th>
                                    <th>Roll No.</th>
                                    <th>Action</th>
                                </thead>
                                <tbody>
                                    <td>Phuldev Mandal</td>
                                    <td>Manmohan memorial polytechnic</td>
                                    <td>Electronics Communication Eng.</td>
                                    <td>22</td>
                                    <td class="d-flex gap-2">
                                        <a href="#" class="btn btn-primary btn-sm">Edit</a>
                                        <a href="#" class="btn btn-danger btn-sm">Delete</a>
                                    </td>
                                </tbody>
                                <tbody>
                                    <td>Phuldev Mandal</td>
                                    <td>Manmohan memorial polytechnic</td>
                                    <td>Electronics Communication Eng.</td>
                                    <td>22</td>
                                    <td class="d-flex gap-2">
                                        <a href="#" class="btn btn-primary btn-sm">Edit</a>
                                        <a href="#" class="btn btn-danger btn-sm">Delete</a>
                                    </td>
                                </tbody>
                                <tbody>
                                    <td>Phuldev Mandal</td>
                                    <td>Manmohan memorial polytechnic</td>
                                    <td>Electronics Communication Eng.</td>
                                    <td>22</td>
                                    <td class="d-flex gap-2">
                                        <a href="#" class="btn btn-primary btn-sm">Edit</a>
                                        <a href="#" class="btn btn-danger btn-sm">Delete</a>
                                    </td>
                                </tbody>
                                <tbody>
                                    <td>Phuldev Mandal</td>
                                    <td>Manmohan memorial polytechnic</td>
                                    <td>Electronics Communication Eng.</td>
                                    <td>22</td>
                                    <td class="d-flex gap-2">
                                        <a href="#" class="btn btn-primary btn-sm">Edit</a>
                                        <a href="#" class="btn btn-danger btn-sm">Delete</a>
                                    </td>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card">
                        <div class="card-header border-bottom d-flex justify-content-between p-3">
                            <h5 class="mb-0">Latest Members</h5>
                            <button class="btn-close"></button>
                        </div>
                        <div class="card-body mt-3">
                            <div class="row g-4">
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div>
                                        <a href="#">
                                            <img src="{{ asset('img/profile.png') }}"
                                                class="w-100 rounded-circle border avatar-90 border-info border-3 p-1"
                                                alt="heading name" title="User Name">
                                        </a>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--end::Container-->
    </div>
@endsection