@extends('layouts.app')
@section('title', 'Admin Dashboard')
@section('content')
    <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
        <div class="breadcrumb-title pe-3">Dashboard</div>
        <div class="ps-3">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 p-0">
                    <li class="breadcrumb-item"><a href="javascript:;"><i class="bx bx-home-alt"></i></a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">Admin Dashbaord</li>
                </ol>
            </nav>
        </div>

    </div>
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4 row-cols-xxl-4">
        @can('Student Application')
            <div class="col">
                <div class="card radius-10 bg-bronze">
                    <div class="card-body">
                        <a href="{{ route('admin.application.student.index') }}">
                            <div class="d-flex align-items-center">
                                <div class="">
                                    <p class="mb-1 text-white">Online Application</p>
                                    <h4 class="mb-0 text-white">{{ $totalstudentsapplication }}</h4>
                                </div>
                                <div class="ms-auto widget-icon bg-white-1 text-white">
                                    <i class="bi bi-people"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        @endcan
        @can('Student Management')
            <div class="col">
                <div class="card radius-10 bg-twitter">
                    <div class="card-body">
                        <a href="{{ route('admin.student.index') }}">
                            <div class="d-flex align-items-center">
                                <div class="">
                                    <p class="mb-1 text-white">Total Students</p>
                                    <h4 class="mb-0 text-white">{{ $totalstudents }}</h4>
                                </div>
                                <div class="ms-auto widget-icon bg-white-1 text-white">
                                    <i class="bi bi-people"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        @endcan
        @can('Teacher Management')
            <div class="col">
                <div class="card radius-10 bg-success">
                    <div class="card-body">
                        <a href="{{ route('admin.general.users') }}">
                            <div class="d-flex align-items-center">
                                <div class="">
                                    <p class="mb-1 text-white">Total Teachers</p>
                                    <h4 class="mb-0 text-white">{{ $totalteachers }}</h4>
                                </div>
                                <div class="ms-auto widget-icon bg-white-1 text-white">
                                    <i class="bi bi-people"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        @endcan
        @can('User Management')
            <div class="col">
                <div class="card radius-10 bg-orange">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="">
                                <p class="mb-1 text-white">Total Staff</p>
                                <h4 class="mb-0 text-white"> {{ $totalstaff }}</h4>
                            </div>
                            <div class="ms-auto widget-icon bg-white-1 text-white">
                                <i class="bi bi-people"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endcan
    </div>

    @can('Payment Management')
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-xl-4 row-cols-xxl-4">
            <div class="col">
                <div class="card radius-10 bg-success">
                    <div class="card-body">
                        <a href="{{ route('admin.user.index') }}">
                            <div class="d-flex align-items-center">
                                <div class="">
                                    <p class="mb-1 text-white">Today Payment</p>
                                    <h4 class="mb-0 text-white">{{ $todaypayments }}</h4>
                                </div>
                                <div class="ms-auto widget-icon bg-white-1 text-white">
                                    <i class="bi bi-currency-dollar"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card radius-10 bg-linkedin">
                    <div class="card-body">
                        <a href="{{ route('admin.general.users') }}">
                            <div class="d-flex align-items-center">
                                <div class="">
                                    <p class="mb-1 text-white">Weekly (Sun-Sat) </p>
                                    <h4 class="mb-0 text-white">{{ $todaypayments }}</h4>
                                </div>
                                <div class="ms-auto widget-icon bg-white-1 text-white">
                                    <i class="bi bi-currency-dollar"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="card radius-10 bg-purple">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="">
                                <p class="mb-1 text-white">This Month</p>
                                <h4 class="mb-0 text-white"> {{ $monthlypayment }} </h4>
                            </div>
                            <div class="ms-auto widget-icon bg-white-1 text-white">
                                <i class="bi bi-currency-dollar"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card radius-10 bg-info">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="">
                                <p class="mb-1 text-white">Total Payment</p>
                                <h4 class="mb-0 text-white"> {{ $totalpayment }} </h4>
                            </div>
                            <div class="ms-auto widget-icon bg-white-1 text-white">
                                <i class="bi bi-currency-dollar"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endcan
@endsection

@include('admin.components.toster')
@include('admin.components.tosterjs')