@extends('layouts.backend.app')

@section('title', 'Home')

@section('content')
    <div class="p-1">
        <div class="card">
            <div class="card-body d-flex flex-row flex-wrap">
               @if(auth()->user()->isAdmin())
                    <!-- Earnings (Monthly) Card Example -->
                    <div class="col-xl-3 col-md-6 mb-4 p-1">
                        <div class="card border-3 border-primary border-bottom-0 border-top-0 border-end-0 shadow h-100 py-2">
                            <div class="card-body">
                                <div class="row no-gutters align-items-center">
                                    <div class="col mr-2">
                                        <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                            Total Users</div>
                                        <div class="h5 mb-0 font-weight-bold text-gray-800">{{$users->count()}}</div>
                                    </div>
                                    <div class="col-auto">
                                        <i class='bx bxs-user' style="font-size: 50px;"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
               @endif

                <!-- Earnings (Monthly) Card Example -->
                <div class="col-xl-3 col-md-6 mb-4 p-1">
                    <div class="card border-3 border-primary border-bottom-0 border-top-0 border-end-0 shadow h-100 py-2">
                        <div class="card-body">
                            <div class="row no-gutters align-items-center">
                                <div class="col mr-2">
                                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                        Total Bookings</div>
                                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{$bookings->count()}}</div>
                                </div>
                                <div class="col-auto">
                                    <i class='bx bxs-car' style="font-size: 50px;"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Earnings (Monthly) Card Example -->
                <div class="col-xl-3 col-md-6 mb-4 p-1">
                    <div class="card border-3 border-primary border-bottom-0 border-top-0 border-end-0 shadow h-100 py-2">
                        <div class="card-body">
                            <div class="row no-gutters align-items-center">
                                <div class="col mr-2">
                                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                        Total Fee Paid</div>
                                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{$bookings->sum('price')}}</div>
                                </div>
                                <div class="col-auto">
                                    <i class='bx bx-dollar' style="font-size: 50px;"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Earnings (Monthly) Card Example -->
                <div class="col-xl-3 col-md-6 mb-4 p-1">
                    <div class="card border-3 border-primary border-bottom-0 border-top-0 border-end-0 shadow h-100 py-2">
                        <div class="card-body">
                            <div class="row no-gutters align-items-center">
                                <div class="col mr-2">
                                    <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
                                        Total Cars</div>
                                    <div class="h5 mb-0 font-weight-bold text-gray-800">{{$cars->count()}}</div>
                                </div>
                                <div class="col-auto">
                                    <i class='bx bxs-car-garage' style="font-size: 50px;"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="card-body">
                <h5 class="card-title"> Latest Bookings</h5>
                <table class="table table-striped table-responsive">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Created At</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($bookings->take(10) as $booking)
                        <tr>
                            <td>{{ $booking->id }}</td>
                            <td>{{ $booking->user->name }}</td>
                            <td>{{ $booking->user->email }}</td>
                            <td>{{ $booking->user->phone }}</td>
                            <td>{{ $booking->created_at }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center">No bookings found</td>
                        </tr>
                    @endforelse
                </table>
            </div>
            @if(auth()->user()->isAdmin())
                <div class="card-body">
                    <h5 class="card-title">Latest Users</h5>
                    <table class="table table-responsive table-striped">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Role</th>
                            <th>Created At</th>
                            <th>Updated At</th>
                        </thead>
                        <tbody>
                        @forelse($users->take(10) as $user)
                            <tr>
                                <td>{{ $user->id }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>{{ $user->role() }}</td>
                                <td>{{ $user->created_at }}</td>
                                <td>{{ $user->updated_at }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" class="text-center">No users found</td>
                            </tr>
                        @endforelse
                        </tbody>

                    </table>
                </div>
            @endif

        </div>
    </div>
@endsection