@extends('admin.layouts.app', [
    'title' => 'Dashboard | ' . config('app.name'),
    'header' => true,
    'aside' => true,
    'footer' => true,
])
@push('style')
    <style>
        .hide-back-btn .btn {
            display: none;
        }
    </style>
@endpush
@section('content')
    <main id="main" class="main">
        <form class="section dashboard" id="ajax-form">
            <div class="row">
                @include('admin.components.title-bar', [
                    'name' => 'Dashboard',
                    'routeName' => 'dashboard',
                ])
                <div class="col-12 col-sm-12">

                    <div class="row gy-2">
                        <div class="col-12 hide-back-btn d-flex gap-2">
                            <svg class="bg-transparent" viewBox="0 0 36 36" width="25" xmlns="http://www.w3.org/2000/svg">
                                <path fill="#5c5f62" d="m25.18 12.32l-5.91 5.81a3 3 0 1 0 1.41 1.42l5.92-5.81Z"
                                    class="clr-i-outline clr-i-outline-path-1"></path>
                                <path fill="#5c5f62"
                                    d="M18 4.25A16.49 16.49 0 0 0 5.4 31.4l.3.35h24.6l.3-.35A16.49 16.49 0 0 0 18 4.25m11.34 25.5H6.66a14.43 14.43 0 0 1-3.11-7.84H7v-2H3.55A14.41 14.41 0 0 1 7 11.29l2.45 2.45l1.41-1.41l-2.43-2.46A14.41 14.41 0 0 1 17 6.29v3.5h2V6.3a14.47 14.47 0 0 1 13.4 13.61h-3.48v2h3.53a14.43 14.43 0 0 1-3.11 7.84"
                                    class="clr-i-outline clr-i-outline-path-2"></path>
                                <path fill="none" d="M0 0h36v36H0z"></path>
                            </svg>
                            @stack('title-bar')
                        </div>

                        <div class="col-12">
                            <div class="row">
                                <!-- Left side columns -->
                                <div class="col-lg-12">
                                    <div class="row">
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $ordersCount }}</div>
                                                <div class="small">Bookings
                                                    <a href="{{ route('orders.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $ordersCount }}</div>
                                                <div class="small">Partner Bookings
                                                    <a href="{{ route('partner-orders.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $searchBookingsCount }}</div>
                                                <div class="small">Search Cab
                                                    <a href="{{ route('search-cabs.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $partnersCount }}</div>
                                                <div class="small">App Partners
                                                    <a href="{{ route('users.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $routeFaresCount }}</div>
                                                <div class="small">Route Fares
                                                    <a href="{{ route('route-fares.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $fixedPricesCount }}</div>
                                                <div class="small">Fixed Prices
                                                    <a href="{{ route('fixed-prices.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $tourPackagesCount }}</div>
                                                <div class="small">Tour Packages
                                                    <a href="{{ route('tour-packages.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $localPackagesCount }}</div>
                                                <div class="small">Local Packages
                                                    <a href="{{ route('local-packages.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-6 col-sm-4">
                                            <div class="card p-3">
                                                <div class="fs-5 fw-bold">{{ $productsCount }}</div>
                                                <div class="small">My Cabs
                                                    <a href="{{ route('products.index') }}" class="float-end">View
                                                        All</a>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <!-- End Left side columns -->
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </form>
    </main>
@endsection