@extends('layouts.app')
@section('title', 'Guest Report')
@section('page-title', 'Guest Report')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('hotel.dashboard') }}">Dashboard</a><span>/</span><a href="{{ route('hotel.reports.index') }}">Reports</a><span>/</span>Guests</div>
        <h1>Guest Report</h1>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="GET" class="form-row" style="margin-bottom:20px;">
            <div class="form-group">
                <label>Start Date</label>
                <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
            </div>
            <div class="form-group">
                <label>End Date</label>
                <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
            </div>
            <div class="form-group" style="display:flex;align-items:flex-end;">
                <button type="submit" class="btn btn-primary">Apply Filter</button>
            </div>
        </form>

        <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;">
            <div style="background:#d1fae5;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#065f46;">New Guests</div>
                <div style="font-size:24px;font-weight:bold;color:#059669;">{{ $totalGuests }}</div>
            </div>
            <div style="background:#fef3c7;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#92400e;">VIP Guests</div>
                <div style="font-size:24px;font-weight:bold;color:#d97706;">{{ $vipCount }}</div>
            </div>
        </div>

        <div style="overflow-x:auto;">
            <table class="table">
                <thead><tr><th>Date Added</th><th>Name</th><th>Email</th><th>Phone</th><th>Status</th><th>Stays</th></tr></thead>
                <tbody>
                    @foreach($guests as $g)
                    <tr>
                        <td>{{ $g->created_at->format('d M Y') }}</td>
                        <td>{{ $g->first_name }} {{ $g->last_name }}</td>
                        <td>{{ $g->email ?? '-' }}</td>
                        <td>{{ $g->phone ?? '-' }}</td>
                        <td>{{ ucfirst($g->status) }}</td>
                        <td>{{ $g->bookings->count() }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection