@extends('layouts.master')
@section('body_id', 'vendor_dashboard_page')
@section('content')

    <section class="vendor_dashboard_main_wrapper">
        <div class="container">
            <div class="row">
                
                @include('frontend.vendor.partials.sidebar')

                <div class="col-lg-9 col-md-8 col-sm-12 col-xs-12">
                    <div class="premium-dashboard-core">
                        
                        <div class="elite-dashboard-header clearfix">
                            <div class="header-left-greetings">
                                <h2 class="main-welcome-heading">Welcome Back, {{ Auth::user()->full_name }}!</h2>
                                <p class="sub-welcome-caption">Analyze metrics, manage accommodations, and process customer actions dynamically.</p>
                            </div>
                            <div class="header-right-actions-group">
                                <a href="{{ route('vendor.hotels.create') }}" class="btn btn-elite-primary"><i class="fa fa-plus-circle"></i> Add New Hotel</a>
                                <a href="{{ route('vendor.rooms.create') }}" class="btn btn-elite-secondary"><i class="fa fa-bed"></i> Create Room</a>
                            </div>
                        </div>

                        <div class="row grid-metrics-row">
                            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 metric-box-card">
                                <div class="premium-metric-card border-red-accent">
                                    <div class="metric-icon-box bg-light-red"><i class="fa fa-hotel"></i></div>
                                    <div class="metric-numerical-data">
                                        <h3>{{ sprintf('%02d', $totalHotels) }}</h3>
                                        <p>Properties</p>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 metric-box-card">
                                <div class="premium-metric-card border-dark-accent">
                                    <div class="metric-icon-box bg-light-dark"><i class="fa fa-cubes"></i></div>
                                    <div class="metric-numerical-data">
                                        <h3>{{ sprintf('%02d', $totalRooms) }}</h3>
                                        <p>Total Rooms</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 metric-box-card">
                                <div class="premium-metric-card border-blue-accent">
                                    <div class="metric-icon-box bg-light-blue"><i class="fa fa-hourglass-half"></i></div>
                                    <div class="metric-numerical-data">
                                        <h3>{{ sprintf('%02d', $newOrdersCount) }}</h3>
                                        <p>New Orders</p>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 metric-box-card">
                                <div class="premium-metric-card border-green-accent">
                                    <div class="metric-icon-box bg-light-green"><i class="fa fa-line-chart"></i></div>
                                    <div class="metric-numerical-data">
                                        <h3>₹{{ number_format($netRevenue, 2) }}</h3>
                                        <p>Net Revenue</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row table-content-row">
                            <div class="col-xs-12">
                                <div class="elite-table-card-wrapper">
                                    <div class="table-card-header clearfix">
                                        <h4 class="table-card-title pull-left">Live Booking Influx</h4>
                                        <a href="{{ route('vendor.booking.index') }}" class="table-card-action-link pull-right">View Archive Stream <i class="fa fa-arrow-right"></i></a>
                                    </div>
                                    
                                    <div class="table-responsive">
                                        <table class="table elite-data-table">
                                            <thead>
                                                <tr>
                                                    <th>Invoice ID</th>
                                                    <th>Guest Details</th>
                                                    <th>Property Scope</th>
                                                    <th>Category</th>
                                                    <th>Schedule Window</th>
                                                    <th>Gross Net</th>
                                                    <th>Live Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($recentBookings as $booking)
                                                    <tr>
                                                        <td><span class="invoice-hash">#{{ $booking->booking_number }}</span></td>
                                                        <td><span class="guest-name">User ID: {{ $booking->user_id }}</span></td>
                                                        <td class="text-muted">{{ $booking->hotel->hotel_name ?? 'N/A' }}</td>
                                                        <td><span class="label-room-type">{{ $booking->room->room_type ?? 'N/A' }}</span></td>
                                                        <td>
                                                            <span class="date-badge">
                                                                {{ \Carbon\Carbon::parse($booking->check_in_date)->format('d M') }} - 
                                                                {{ \Carbon\Carbon::parse($booking->check_out_date)->format('d M') }}
                                                            </span>
                                                        </td>
                                                        <td><span class="price-text">₹{{ number_format($booking->total_price, 2) }}</span></td>
                                                        <td>
                                                            @if($booking->status == 'pending')
                                                                <span class="badge-status-pill pill-pending">Pending</span>
                                                            @elseif(in_array($booking->status, ['confirmed', 'checked_in', 'checked_out']))
                                                                <span class="badge-status-pill pill-approved">{{ ucfirst(str_replace('_', ' ', $booking->status)) }}</span>
                                                            @else
                                                                <span class="badge-status-pill pill-cancelled">{{ ucfirst($booking->status) }}</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="7" class="text-center text-muted" style="padding: 20px;">
                                                            No active booking records found for your properties.
                                                        </td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section>

@endsection