@extends('layouts.admin')
@section('content')
<div class="container-fluid">

    <div class="row">


        <div class="col-xl-4">
            <div class="card overflow-hidden border-top-0">
                <div class="progress progress-sm rounded-0 bg-light" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar bg-dark" style="width: 100%"></div>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="">
                            <p class="text-muted fw-semibold fs-16 mb-1">{{ __('home.total Orders') }}</p>
                            <p class="text-muted mb-4">
                            </p>
                        </div>
                        <div class="avatar-sm mb-4">
                            <div class="avatar-title bg-dark-subtle text-dark fs-24 rounded">
                                <i class="bi bi-people"></i>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-nowrap justify-content-between align-items-end">
                        @isset($totalOrders)
                        <h3 class="mb-0 d-flex">{{ $totalOrders }}</h3>

                        @endisset
                        <div class="d-flex align-items-end h-100">
                            <div id="daily-orders" data-colors="#007aff"></div>
                        </div>
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->

        <div class="col-xl-4">
            <div class="card overflow-hidden border-top-0">
                <div class="progress progress-sm rounded-0 bg-light" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar bg-dark" style="width: 100%"></div>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="">
                            <p class="text-muted fw-semibold fs-16 mb-1">{{ __('home.Total Orders In Month') }}</p>
                            <p class="text-muted mb-4">
                            </p>
                        </div>
                        <div class="avatar-sm mb-4">
                            <div class="avatar-title bg-dark-subtle text-dark fs-24 rounded">
                                <i class="bi bi-people"></i>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-nowrap justify-content-between align-items-end">
                        @isset($orderInMonth)
                        <h3 class="mb-0 d-flex">{{ $orderInMonth }}</h3>
                        @endisset
                        <div class="d-flex align-items-end h-100">
                            <div id="daily-orders" data-colors="#007aff"></div>
                        </div>
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->


        <div class="col-xl-4">
            <div class="card overflow-hidden border-top-0">
                <div class="progress progress-sm rounded-0 bg-light" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar bg-dark" style="width: 100%"></div>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="">
                            <p class="text-muted fw-semibold fs-16 mb-1">{{ __('home.Recieved Order In Month') }}</p>
                            <p class="text-muted mb-4">
                            </p>
                        </div>
                        <div class="avatar-sm mb-4">
                            <div class="avatar-title bg-dark-subtle text-dark fs-24 rounded">
                                <i class="bi bi-people"></i>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-nowrap justify-content-between align-items-end">
                        @isset($recievedOrderInMonth)
                        <h3 class="mb-0 d-flex">{{ $recievedOrderInMonth }}</h3>

                        @endisset
                        <div class="d-flex align-items-end h-100">
                            <div id="daily-orders" data-colors="#007aff"></div>
                        </div>
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->

        <div class="col-xl-4">
            <div class="card overflow-hidden border-top-0">
                <div class="progress progress-sm rounded-0 bg-light" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar bg-primary" style="width: 100%"></div>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="">
                            <p class="text-muted fw-semibold fs-16 mb-1">{{ __("home.Delieverd Order In Month") }} </p>
                            <p class="text-muted mb-4">
                            </p>
                        </div>
                        <div class="avatar-sm mb-4">
                            <div class="avatar-title bg-primary-subtle text-primary fs-24 rounded">
                                <i class="mdi mdi-account-supervisor-circle"></i>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-nowrap justify-content-between align-items-end">
                        @isset($delieveredOrderInMonth)
                        <h3 class="mb-0 d-flex">{{ $delieveredOrderInMonth }}</h3>
                        @endisset
                        <div class="d-flex align-items-end h-100">
                            <div id="daily-orders" data-colors="#007aff"></div>
                        </div>
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->

        <div class="col-xl-4">
            <div class="card overflow-hidden border-top-0">
                <div class="progress progress-sm rounded-0 bg-light" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar bg-primary" style="width: 100%"></div>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="">
                            <p class="text-muted fw-semibold fs-16 mb-1">{{ __('home.Late Orders In Month') }}  </p>
                            <p class="text-muted mb-4">
                            </p>
                        </div>
                        <div class="avatar-sm mb-4">
                            <div class="avatar-title bg-primary-subtle text-primary fs-24 rounded">
                                <i class="mdi mdi-account-supervisor-circle"></i>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-nowrap justify-content-between align-items-end">
                        @isset($lateOrder)
                        <h3 class="mb-0 d-flex">{{ $lateOrder }}</h3>
                        @endisset
                        <div class="d-flex align-items-end h-100">
                            <div id="daily-orders" data-colors="#007aff"></div>
                        </div>
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->

        <div class="col-xl-4">
            <div class="card overflow-hidden border-top-0">
                <div class="progress progress-sm rounded-0 bg-light" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar bg-primary" style="width: 100%"></div>
                </div>
                <div class="card-body">
                    <div class="d-flex align-items-center justify-content-between">
                        <div class="">
                            <p class="text-muted fw-semibold fs-16 mb-1">{{ __('home.Very Late Orders In Month') }} </p>
                            <p class="text-muted mb-4">
                            </p>
                        </div>
                        <div class="avatar-sm mb-4">
                            <div class="avatar-title bg-primary-subtle text-primary fs-24 rounded">
                                <i class="mdi mdi-account-supervisor-circle"></i>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex flex-wrap flex-lg-nowrap justify-content-between align-items-end">
                        @isset($veryLateOrder)
                        <h3 class="mb-0 d-flex">{{ $veryLateOrder }}</h3>
                        @endisset
                        <div class="d-flex align-items-end h-100">
                            <div id="daily-orders" data-colors="#007aff"></div>
                        </div>
                    </div>
                </div><!-- end card-body -->
            </div><!-- end card -->
        </div><!-- end col -->



    </div>




</div>
@endsection

@section('script')
<script src="{{ asset('') }}assets/js/pages/dashboard.js"></script>





@endsection