@extends('admin.layouts.master')

@section('page_title', 'Admin Dashboard')

@section('content')
<div class="row g-5 g-xl-8 mb-5">
    <div class="col-xl-3 col-md-6">
        <a href="{{ route('admin.rooms.index') }}" class="card bg-body-inverse hoverable card-xl-stretch mb-xl-8 border-start border-primary border-4">
            <div class="card-body">
                <span class="svg-icon svg-icon-primary svg-icon-3x ms-n1">
                    <i class="fa fa-bed fs-1 text-primary"></i>
                </span>
                <div class="text-gray-900 fw-bolder fs-1 mb-2 mt-5">{{ sprintf('%02d', $totalRooms) }}</div>
                <div class="fw-bold text-gray-600">Total Rooms Pool</div>
            </div>
        </a>
    </div>
    
    <div class="col-xl-3 col-md-6">
        <a href="{{ route('admin.bookings.index') }}" class="card bg-primary hoverable card-xl-stretch mb-xl-8">
            <div class="card-body">
                <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                    <i class="fa fa-calendar-check-o fs-1 text-white"></i>
                </span>
                <div class="text-white fw-bolder fs-1 mb-2 mt-5">{{ sprintf('%02d', $totalBookings) }}</div>
                <div class="fw-bold text-white-50">Gross Bookings Logs</div>
            </div>
        </a>
    </div>

    <div class="col-xl-3 col-md-6">
        <a href="#" class="card bg-success hoverable card-xl-stretch mb-xl-8">
            <div class="card-body">
                <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                    <i class="fa fa-line-chart fs-1 text-white"></i>
                </span>
                <div class="text-white fw-bolder fs-1 mb-2 mt-5">₹{{ number_format($totalRevenue, 2) }}</div>
                <div class="fw-bold text-white-50">Total Net Revenue</div>
            </div>
        </a>
    </div>

    <div class="col-xl-3 col-md-6">
        <a href="#" class="card bg-dark hoverable card-xl-stretch mb-xl-8">
            <div class="card-body">
                <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                    <i class="fa fa-users fs-1 text-white"></i>
                </span>
                <div class="text-white fw-bolder fs-1 mb-2 mt-5">
                    {{ sprintf('%02d', $totalVendors) }} 
                    @if($pendingVendors > 0)
                        <span class="badge badge-light-danger fs-9 px-2 py-1 ms-2">{{ $pendingVendors }} New</span>
                    @endif
                </div>
                <div class="fw-bold text-white-50">Registered Hotel Owners</div>
            </div>
        </a>
    </div>
</div>
<div class="card card-xxl-stretch mb-5 mb-xl-10 shadow-sm">
    <div class="card-header border-0 pt-6">
        <h3 class="card-title align-items-start flex-column">
            <span class="card-label fw-bolder fs-3 mb-1">Live Reservation Streams</span>
            <span class="text-muted mt-1 fw-bold fs-7">Real-time incoming recent booking updates</span>
        </h3>
        <div class="card-toolbar">
            <a href="{{ route('admin.bookings.index') }}" class="btn btn-sm btn-light-primary fw-bolder">
                View All Logs <i class="fa fa-arrow-right ms-1"></i>
            </a>
        </div>
    </div>
    
    <div class="card-body py-4">
        <div class="table-responsive">
            <table class="table align-middle table-row-dashed fs-6 gy-5">
                <thead>
                    <tr class="text-start text-muted fw-bolder fs-7 text-uppercase gs-0">
                        <th>Invoice ID</th>
                        <th>Customer Details</th>
                        <th>Hotel Scope</th>
                        <th>Duration Window</th>
                        <th>Gross Price</th>
                        <th>Live Status</th>
                    </tr>
                </thead>
                <tbody class="text-gray-600 fw-bold">
                    @forelse($recentBookings as $booking)
                        <tr>
                            <td><span class="text-gray-800 fw-bolder">#{{ $booking->booking_number ?? $booking->id }}</span></td>
                            <td>
                                <div class="d-flex flex-column">
                                    <span class="text-gray-800 text-hover-primary mb-1">{{ $booking->user->full_name ?? 'Walk-in Guest' }}</span>
                                    <span class="text-muted fs-7">{{ $booking->user->email ?? '' }}</span>
                                </div>
                            </td>
                            <td>
                                <div class="d-flex flex-column">
                                    <span class="text-gray-800 fw-bolder">{{ $booking->hotel->hotel_name ?? 'N/A' }}</span>
                                    <span class="text-muted fs-7">{{ $booking->room->room_type ?? '' }}</span>
                                </div>
                            </td>
                            <td>
                                <span class="fs-7 text-gray-800">
                                    {{ \Carbon\Carbon::parse($booking->check_in_date)->format('d M') }} - 
                                    {{ \Carbon\Carbon::parse($booking->check_out_date)->format('d M, Y') }}
                                </span>
                            </td>
                            <td><span class="text-gray-900 fw-bolder">₹{{ number_format($booking->total_price, 2) }}</span></td>
                            <td>
                                @php
                                    $statusClass = 'warning';
                                    $statusLabel = ucfirst($booking->status);
                                    
                                    switch (strtolower($booking->status)) {
                                        case 'confirmed': $statusClass = 'success'; break;
                                        case 'pending': $statusClass = 'warning'; break;
                                        case 'checked_in': $statusClass = 'primary'; $statusLabel = 'Checked In'; break;
                                        case 'checked_out': $statusClass = 'info'; $statusLabel = 'Checked Out'; break;
                                        case 'rejected':
                                        case 'cancelled': $statusClass = 'danger'; break;
                                    }
                                @endphp
                                <span class="badge badge-light-{{ $statusClass }} fw-bolder px-3 py-2 text-uppercase fs-8">
                                    <i class="fa fa-circle fs-10 me-1 text-{{ $statusClass }}"></i> {{ $statusLabel }}
                                </span>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-muted py-5">
                                No recent booking activities recorded in the grid stream.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection