@extends('admin.layout.master')
@section('title')
    {{ __('dashboard.dashboard') }}
@endsection
@section('content')
    <div class="content-wrapper">
        <div class="page-header">
            <h3 class="page-title">
                <span class="page-title-icon bg-gradient-primary text-white me-2">
                    <i class="mdi mdi-home"></i>
                </span> {{ __('dashboard.dashboard') }}
            </h3>
            <nav aria-label="breadcrumb">
                <ul class="breadcrumb">
                    {{-- <li class="breadcrumb-item active" aria-current="page">
                        <span></span>Overview <i class="mdi mdi-alert-circle-outline icon-sm text-primary align-middle"></i>
                    </li> --}}
                </ul>
            </nav>
        </div>
        <div class="row">

            <div class="col-md-4 stretch-card grid-margin">

                <div class="card bg-gradient-danger card-img-holder text-white">
                    <a href="{{ route('admin.hotel_bookings.index') }}" class="text-decoration-none">
                        <div class="card-body">
                            <img src="{{ asset('dashboard') }}/assets/images/dashboard/circle.svg" class="card-img-absolute"
                                alt="circle-image" />
                            <h4 class="font-weight-normal mb-3">{{ __('dashboard.hotel_bookings') }} <i
                                    class="mdi mdi-chart-line mdi-24px float-right"></i>
                            </h4>
                            <h2 class="mb-5">{{ round($HotelsCount, 2) }} $</h2>
                            {{-- <h6 class="card-text">Increased by 60%</h6> --}}
                        </div>
                    </a>
                </div>

            </div>


            <div class="col-md-4 stretch-card grid-margin">

                <div class="card bg-gradient-info card-img-holder text-white">
                    <a href="{{ route('admin.tour_bookings.index') }}" class="text-decoration-none">
                        <div class="card-body">
                            <img src="{{ asset('dashboard') }}/assets/images/dashboard/circle.svg" class="card-img-absolute"
                                alt="circle-image" />
                            <h4 class="font-weight-normal mb-3">{{ __('dashboard.tour_bookings') }} <i
                                    class="mdi mdi-bookmark-outline mdi-24px float-right"></i>
                            </h4>
                            <h2 class="mb-5">{{ round($toursCount, 2) }} $</h2>
                            {{-- <h6 class="card-text">Decreased by 10%</h6> --}}
                        </div>
                    </a>
                </div>

            </div>


            <div class="col-md-4 stretch-card grid-margin">

                <div class="card bg-gradient-success card-img-holder text-white">
                    <a href="{{ route('admin.users.index') }}" class="text-decoration-none">
                        <div class="card-body">
                            <img src="{{ asset('dashboard') }}/assets/images/dashboard/circle.svg"
                                class="card-img-absolute" alt="circle-image" />
                            <h4 class="font-weight-normal mb-3">{{ __('dashboard.total_users') }} <i
                                    class="mdi mdi-diamond mdi-24px float-right"></i>
                            </h4>
                            <h2 class="mb-5">{{ $usersCount }}</h2>
                            {{-- <h6 class="card-text">Increased by 5%</h6> --}}
                        </div>
                    </a>
                </div>

            </div>

        </div>
        <div class="row container d-flex justify-content-center align-items-center mb-10">
            <h1 class="border-bottom bg-white d-flex justify-content-center align-items-center h1">Top Hotel Bookings</h1>
            <table id="kt_datatable_dom_positioning" class="table table-striped  gy-5 gs-7 border rounded">
                <!--begin::Thead-->
                <thead>
                    <tr class="fw-6 fw-semibold text-gray-600">
                        <th> {{ __('dashboard.name') }}
                        </th>
                        <th>{{ __('dashboard.hotel_bookings') }}</th>

                    </tr>
                </thead>
                <!--end::Thead-->
                <!--begin::Tbody-->
                <tbody>
                    @foreach ($topHotelBookingUsers as $user)
                        <tr>
                            <td>
                                <span class="fs-7 fw-bold d-inline"><img src="{{ $user->image }}"
                                        style="width: 50px; height: 50px; border-radius: 50% display: inline">{{ $user->name }}</span>
                            </td>
                            <td>{{ $user->total_hotel_bookings_count }}</td>


                        </tr>
                    @endforeach
                </tbody>
                <!--end::Tbody-->
            </table>
        </div>
        <div class="row container d-flex justify-content-center align-items-center">
            <h1 class="border-bottom bg-white d-flex justify-content-center align-items-center h1">Top Tour Bookings</h1>
            <table id="kt_datatable_dom_positioning" class="table table-striped  gy-5 gs-7 border rounded">
                <!--begin::Thead-->
                <thead>
                    <tr class="fw-6 fw-semibold text-gray-600">
                        <th> {{ __('dashboard.name') }}
                        </th>
                        <th>{{ __('dashboard.tour_bookings') }}</th>

                    </tr>
                </thead>
                <!--end::Thead-->
                <!--begin::Tbody-->
                <tbody>
                    @foreach ($topTourBookingUsers as $user)
                        <tr>
                            <td>
                                <span class="fs-7 fw-bold d-inline"><img src="{{ $user->image }}"
                                        style="width: 50px; height: 50px; border-radius: 50% display: inline">{{ $user->name }}</span>
                            </td>
                            <td>{{ $user->total_tour_bookings_count }}</td>


                        </tr>
                    @endforeach
                </tbody>
                <!--end::Tbody-->
            </table>
        </div>
    </div>
@endsection