@extends('admin.layouts')
@section('title', 'Dashboard')
@section('header')



@endsection
@section('content')


<div class="container-fluid page-wrapper dashboard-section">

    <div class="row">
        <div class="mb-4">
            <h3 class="page-top-heading">Dashboard</h3>
        </div>
    </div>
<!-- user count -->
 

    <!-- Card Insights -->
        <div class="row">
        <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                <div class="card border-0 dashboard-widget-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="d-flex align-items-center">
                                <div class="me-4 text-center">
                                    <p class="mb-0 d-card-para-title">User Count</p>
                                        <h2 class="mb-0 d-card-inner-head">{{$userCount}}</h2>
                                </div>
                                
                                <div class="d-card-icon">
                                        <img class="dashboard-icon-img" src="{{asset('/assets/images/icons/total-users.svg')}}" alt="User Count">
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                <div class="card border-0 dashboard-widget-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="d-flex align-items-center">
                                <div class="me-4 text-center">
                                    <p class="mb-0 d-card-para-title">Order Count</p>
                                        <h2 class="mb-0 d-card-inner-head">{{$orderCount}}</h2>
                                </div>
                                <div class="d-card-icon">
                                    <img class="dashboard-icon-img" src="{{asset('/assets')}}/images/icons/dashboard/order-count.svg" alt="Order Count">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Col Ends... -->
            <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                <div class="card border-0 dashboard-widget-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="d-flex align-items-center">
                                <div class="me-4 text-center">
                                    <p class="mb-0 d-card-para-title">Accepted Orders</p>
                                        <h2 class="mb-0 d-card-inner-head">{{$accepted}}</h2>
                                </div>
                                <div class="d-card-icon">
                                    <img class="dashboard-icon-img" src="{{asset('/assets')}}/images/icons/dashboard/accepted-orders.svg" alt="Accepted Orders">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             <!-- Col Ends... -->
             <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 col-lg-custom">
                <div class="card border-0 dashboard-widget-card">
                    <div class="card-body">
                        <div class="d-flex align-items-center">
                            <div class="d-flex align-items-center">
                                <div class="me-4 text-center">
                                    <p class="mb-0 d-card-para-title">Rejected Orders</p>
                                        <h2 class="mb-0 d-card-inner-head">{{$rejected}}</h2>
                                </div>
                                <div class="d-card-icon">
                                    <img class="dashboard-icon-img" src="{{asset('/assets')}}/images/icons/dashboard/rejected-orders.svg" alt="Rejected Orders">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             <!-- Col Ends... --> 
        </div>
        <!-- Row Ends.... -->

      


</div>
    <!-- container fluid -->
 
         


@endsection
@section('footer')




@endsection