@extends('Layout.master')
@section('content')
<div class="main-content side-content pt-0">
    <div class="main-container container-fluid">
        <div class="inner-body">
            <div class="page-header">
                <div>
                    <h2 class="main-content-title tx-24 mg-b-5">
                        Welcome To Dashboard
                    </h2>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">Home</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">
                            Aboffy
                        </li>
                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 w-100">
                    <div class="card text-white mt-3" style="background: #6259CA; /* Fallback color if gradients are not supported */ background-image: linear-gradient(to bottom, #6259CA, #00000098); /* Gradient */ /* Other styles */">
                        <div class="card-body ">
                            <div class="cardheader d-flex">
                                <div class="card-icon"><i class="fa fa-user fs-2 mt-2	"></i></div>
                                <div class="card-heading mt-3 mx-3">
                                    <h4>Total Student</h4>
                                </div>
                            </div>
                            <div class="total mx-5 mt-2">
                                <h2>{{$countstudnet? $countstudnet:0}}</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 w-100">
                    <div class="card mt-3">
                        <div class="card-body ">
                            <div class="cardheader d-flex">
                                <div class="card-icon"><i class="fa fa-user fs-2 mt-2"></i></div>
                                <div class="card-heading mt-3 mx-3">
                                    <h4>Total Teacher</h4>
                                </div>
                            </div>
                            <div class="total mx-5 mt-2">
                                <h2>{{$countteacher?$countteacher:0}}</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 w-100">
                    <div class="card mt-3">
                        <div class="card-body ">
                            <div class="cardheader d-flex">
                                <div class="card-icon"><i class="fa fa-book fs-2 mt-2"></i></div>
                                <div class="card-heading mt-3 mx-3">
                                    <h4>Total Feedback</h4>
                                </div>
                            </div>
                            <div class="total mx-5 mt-2">
                                <h2>{{$countfeedback?$countfeedback:0}}</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection