@extends('layouts.app')
@section('title', 'Booking Report')
@section('page-title', 'Booking 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>Bookings</div>
        <h1>Booking 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:#e0e7ff;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#3730a3;">Total Bookings</div>
                <div style="font-size:24px;font-weight:bold;color:#4338ca;">{{ $totalBookings }}</div>
            </div>
            <div style="background:#f3e8ff;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#5b21b6;">By Source</div>
                @foreach($bySource as $source => $count)
                <div style="font-size:13px;">{{ ucfirst($source) }}: {{ $count }}</div>
                @endforeach
            </div>
        </div>

        <div style="overflow-x:auto;">
            <table class="table">
                <thead><tr><th>Date</th><th>Ref</th><th>Guest</th><th>Room</th><th>Status</th><th>Total</th></tr></thead>
                <tbody>
                    @foreach($bookings as $b)
                    <tr>
                        <td>{{ $b->created_at->format('d M Y') }}</td>
                        <td>{{ $b->booking_reference }}</td>
                        <td>{{ $b->guest->first_name }} {{ $b->guest->last_name }}</td>
                        <td>{{ $b->room->room_number }}</td>
                        <td>{{ ucfirst($b->status) }}</td>
                        <td>₦{{ number_format($b->invoice->total ?? 0, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection