@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>
    
    <!-- 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">Order Count</p>
                                        <h2 class="mb-0 d-card-inner-head">40,689</h2>
                                </div>
                                <div class="d-card-icon">
                                    <img class="dashboard-icon-img" src="{{asset('/assets')}}/images/icons/total-users.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">Service Request</p>
                                        <h2 class="mb-0 d-card-inner-head">1,689</h2>
                                </div>
                                <div class="d-card-icon">
                                    <img class="dashboard-icon-img" src="{{asset('/assets')}}/images/icons/total-users.svg" alt="Service Request">
                                </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">Scrap Request</p>
                                        <h2 class="mb-0 d-card-inner-head">31,689</h2>
                                </div>
                                <div class="d-card-icon">
                                    <img class="dashboard-icon-img" src="{{asset('/assets')}}/images/icons/total-users.svg" alt="Scrap Request">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
             <!-- Col Ends... --> 
        </div>
        <!-- Row Ends.... -->

      


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


@endsection
@section('footer')




@endsection