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

@section('css')
    <!-- jsvectormap css -->
    <link href="{{ asset('assets/admin/assets/libs/jsvectormap/css/jsvectormap.min.css') }}" rel="stylesheet"
        type="text/css" />

    <!--Swiper slider css-->
    <link href="{{ asset('assets/admin/assets/libs/swiper/swiper-bundle.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">Dashboard</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Admin</a></li>
                            <li class="breadcrumb-item active">Dashboard</li>
                        </ol>
                    </div>

                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col">

                <div class="h-100">
                    <div class="row mb-3 pb-1">
                        <div class="col-12">
                            <div class="d-flex align-items-lg-center flex-lg-row flex-column">
                                <div class="flex-grow-1">
                                    <h4 class="fs-16 mb-1">Good Morning, {{ auth()->user()->first_name }}
                                        {{ auth()->user()->last_name }}!</h4>
                                    <p class="text-muted mb-0">Here's what's happening with your store.</p>
                                </div>
                            </div><!-- end card header -->
                        </div>
                        <!--end col-->
                    </div>
                    <!--end row-->

                    <div class="row">
                        @if (auth()->user()->role_id == 3 || auth()->user()->role_id == 1)
                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-success text-truncate mb-0">Total
                                                    Orders</p>
                                            </div>
                                        </div>
                                        @php
                                            $allOrdersCount = 0;
                                            if (auth()->user()->role_id == 3) {
                                                $allOrdersCount = \App\Models\Order::where(
                                                    'packer_id',
                                                    auth()->user()->id,
                                                )->whereIn('status', ['packing', 'packed'])
                                                    ->get()
                                                    ->count();
                                            } else {
                                                $allOrdersCount = \App\Models\Order::all()->count();
                                            }

                                            $allOrdersRoute = '#';
                                            if (auth()->user()->role_id == 3) {
                                                $allOrdersRoute = route('packer.order.index');
                                            } else {
                                                $allOrdersRoute = route('admin.order.index');
                                            }

                                        @endphp
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value"
                                                        data-target="{{ $allOrdersCount }}">
                                                        {{ $allOrdersCount }}
                                                    </span></h4>
                                                <a href="{{ $allOrdersRoute }}" class="text-decoration-underline">View all
                                                    orders</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-success-subtle rounded fs-3">
                                                    <i class="bx bx-shopping-bag text-success"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>


                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Packing
                                                    Orders</p>
                                            </div>
                                        </div>
                                        @php
                                            $packingOrdersCount = 0;
                                            if (auth()->user()->role_id == 3) {
                                                $packingOrdersCount = \App\Models\Order::where(
                                                    'packer_id',
                                                    auth()->user()->id,
                                                )
                                                    ->where('status', 'packing')
                                                    ->get()
                                                    ->count();
                                            } else {
                                                $packingOrdersCount = \App\Models\Order::where('status', 'packing')
                                                    ->get()
                                                    ->count();
                                            }

                                            $packingOrdersRoute = '#';
                                            if (auth()->user()->role_id == 3) {
                                                $packingOrdersRoute = route('packer.order.index', [
                                                    'status' => 'packing',
                                                ]);
                                            } else {
                                                $packingOrdersRoute = route('admin.order.packing');
                                            }

                                        @endphp
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value"
                                                        data-target="{{ $packingOrdersCount }}">
                                                        {{ $packingOrdersCount }}
                                                    </span></h4>
                                                <a href="{{ $packingOrdersRoute }}" class="text-decoration-underline">View
                                                    packing orders</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-shopping-bag text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Packed
                                                    Orders</p>
                                            </div>
                                        </div>
                                        @php
                                            $packedOrdersCount = 0;
                                            if (auth()->user()->role_id == 3) {
                                                $packedOrdersCount = \App\Models\Order::where(
                                                    'packer_id',
                                                    auth()->user()->id,
                                                )
                                                    ->where('status', 'packed')
                                                    ->get()
                                                    ->count();
                                            } else {
                                                $packedOrdersCount = \App\Models\Order::where('status', 'packed')
                                                    ->get()
                                                    ->count();
                                            }

                                            $packedOrdersRoute = '#';
                                            if (auth()->user()->role_id == 3) {
                                                $packedOrdersRoute = route('packer.order.index', [
                                                    'status' => 'packed',
                                                ]);
                                            } else {
                                                $packedOrdersRoute = route('admin.order.index', ['status' => 'packed']);
                                            }

                                        @endphp
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value"
                                                        data-target="{{ $packedOrdersCount }}">
                                                        {{ $packedOrdersCount }}
                                                    </span></h4>
                                                <a href="{{ $packedOrdersRoute }}" class="text-decoration-underline">View
                                                    packing orders</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-shopping-bag text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>
                        @endif

                        @if (auth()->user()->role_id == 1)
                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-danger text-truncate mb-0">Pending
                                                    Orders</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value"
                                                        data-target="{{ \App\Models\Order::where('status', 'pending')->count() }}">
                                                        {{ \App\Models\Order::where('status', 'pending')->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.order.pending') }}"
                                                    class="text-decoration-underline">View Pending orders</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-danger-subtle rounded fs-3">
                                                    <i class="bx bx-shopping-bag text-danger"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>
                        @endif
                    </div> <!-- end row-->

                    @if (auth()->user()->role_id == 1)
                        <div class="row">
                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Customers</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span class="counter-value"
                                                        data-target="{{ \App\Models\User::where('role_id', 2)->get()->count() }}">
                                                        {{ \App\Models\User::where('role_id', 2)->get()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.customers.index') }}"
                                                    class="text-decoration-underline">View all customers</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-success text-truncate mb-0">Active
                                                    Customers</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\User::where('role_id', 2)->where('status', 'active')->get()->count() }}">
                                                        {{ \App\Models\User::where('role_id', 2)->where('status', 'active')->get()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.customers.active') }}"
                                                    class="text-decoration-underline">View Active Customers</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-success-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-success"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>


                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-danger text-truncate mb-0">Blocked
                                                    Customers</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\User::where('role_id', 2)->where('status', 'blocked')->get()->count() }}">
                                                        {{ \App\Models\User::where('role_id', 2)->where('status', 'blocked')->get()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.customers.blocked') }}"
                                                    class="text-decoration-underline">View blocked customers</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-danger-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-danger"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>



                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-warning text-truncate mb-0">Total
                                                    Packers</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\User::where('role_id', 3)->get()->count() }}">
                                                        {{ \App\Models\User::where('role_id', 3)->get()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('packer.order.index') }}"
                                                    class="text-decoration-underline">View all packers</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-warning-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-warning"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Enquiries</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Contact::all()->count() }}">
                                                        {{ \App\Models\Contact::all()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.enquiry.index') }}"
                                                    class="text-decoration-underline">View all Enquiries</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-success text-truncate mb-0">
                                                    Answered Enquiries</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Contact::where('status', 'answered')->count() }}">
                                                        {{ \App\Models\Contact::where('status', 'answered')->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.enquiry.answered') }}"
                                                    class="text-decoration-underline">View Answered Enquiries</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-success-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-success"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-danger text-truncate mb-0">
                                                    UnAnswered Enquiries</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Contact::where('status', 'unanswered')->count() }}">
                                                        {{ \App\Models\Contact::where('status', 'unanswered')->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.enquiry.unanswered') }}"
                                                    class="text-decoration-underline">View UnAnswered Enquiries</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-danger-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-danger"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Pickup Addresses</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\PickupAddress::all()->count() }}">
                                                        {{ \App\Models\PickupAddress::all()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.pickupaddress.index') }}"
                                                    class="text-decoration-underline">View all PickupAddresses</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

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

                        <div class="row">

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Categories</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Category::all()->count() }}">
                                                        {{ \App\Models\Category::all()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.category.index') }}"
                                                    class="text-decoration-underline">View All Categories</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Products</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Product::all()->count() }}">
                                                        {{ \App\Models\Product::all()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.product.index') }}"
                                                    class="text-decoration-underline">View all Products</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Sliders</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Slider::all()->count() }}">
                                                        {{ \App\Models\Slider::all()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.slider.index') }}"
                                                    class="text-decoration-underline">View all Sliders</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-primary text-truncate mb-0">Total
                                                    Testimonials</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Testimonial::all()->count() }}">
                                                        {{ \App\Models\Testimonial::all()->count() }}
                                                    </span></h4>
                                                <a href="{{ route('testimonial.index') }}"
                                                    class="text-decoration-underline">View all Testimonials</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-primary-subtle rounded fs-3">
                                                    <i class="bx bx-user-circle text-primary"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>
                            <div class="col-xl-3 col-md-4 col-sm-6">
                                <!-- card -->
                                <div class="card card-animate">
                                    <div class="card-body">
                                        <div class="d-flex align-items-center">
                                            <div class="flex-grow-1 overflow-hidden">
                                                <p class="text-uppercase fw-medium text-warning text-truncate mb-0">
                                                    Performa Invoices</p>
                                            </div>
                                        </div>
                                        <div class="d-flex align-items-end justify-content-between mt-4">
                                            <div>
                                                <h4 class="fs-22 fw-semibold ff-secondary mb-4"><span
                                                        class="counter-value"
                                                        data-target="{{ \App\Models\Order::where('status', 'performa_invoice')->count() }}">
                                                        {{ \App\Models\Order::where('status', 'performa_invoice')->count() }}
                                                    </span></h4>
                                                <a href="{{ route('admin.order.performa') }}"
                                                    class="text-decoration-underline">all Performa Invoices</a>
                                            </div>
                                            <div class="avatar-sm flex-shrink-0">
                                                <span class="avatar-title bg-warning-subtle rounded fs-3">
                                                    <i class="bx bx-shopping-bag text-warning"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div><!-- end card body -->
                                </div><!-- end card -->
                            </div>

                        </div> <!-- end row-->
                    @endif



                </div> <!-- end .h-100-->

            </div> <!-- end col -->
        </div>

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

@section('js')

    <!-- apexcharts -->
    <script src="{{ asset('assets/admin/assets/libs/apexcharts/apexcharts.min.js') }}"></script>

    <!-- Vector map-->
    <script src="{{ asset('assets/admin/assets/libs/jsvectormap/js/jsvectormap.min.js') }}"></script>
    <script src="{{ asset('assets/admin/assets/libs/jsvectormap/maps/world-merc.js') }}"></script>

    <!--Swiper slider js-->
    <script src="{{ asset('assets/admin/assets/libs/swiper/swiper-bundle.min.js') }}"></script>
    <script src="{{ asset('assets/admin/assets/js/pages/dashboard-ecommerce.init.js') }}"></script>

@endsection