@extends('layouts.admin.default')
@section('content')
    <!-- Body: Body -->


            <div class="row g-1 mb-4">
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card p-3 mb-0">
                        <div class="d-flex align-items-center">
                            <div class="avatar rounded no-thumbnail bg-light"><i class="fa fa-dollar fa-lg"></i></div>
                            <div class="flex-fill ms-3 text-truncate">
                                <div class="small">Revenue</div>
                                <span class="h6 mb-0">{{$total_income}}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card p-3 mb-0">
                        <div class="d-flex align-items-center">
                            <div class="avatar rounded no-thumbnail bg-light"><i class="fa fa-credit-card fa-lg"></i></div>
                            <div class="flex-fill ms-3 text-truncate">
                                <div class="small">Booking</div>
                                <span class="h6 mb-0">{{$total_booking}}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card p-3 mb-0">
                        <div class="d-flex align-items-center">
                            <div class="avatar rounded no-thumbnail bg-light"><i class="fa fa-smile-o fa-lg"></i></div>
                            <div class="flex-fill ms-3 text-truncate">
                                <div class="small">Happy Patients</div>
                                <span class="h6 mb-0">{{$total_patients}}</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="card p-3 mb-0">
                        <div class="d-flex align-items-center">
                            <div class="avatar rounded no-thumbnail bg-light"><i class="fa fa-eye fa-lg"></i></div>
                            <div class="flex-fill ms-3 text-truncate">
                                <div class="small">Total Doctors</div>
                                <span class="h6 mb-0">{{$total_doctors}}</span>
                            </div>
                        </div>
                    </div>
                </div>



            </div> <!-- .row end -->





@endsection