{{-- resources/views/reports/guests.blade.php --}}
@extends('layouts.app')
@section('title', 'Guest Report')
@section('page_title', 'Guest Report')
@section('page_subtitle', $from->format('d M Y') . ' — ' . $to->format('d M Y'))

@section('content')

@include('reports.partials.nav')
@include('reports.partials.filters', ['route' => 'reports.guests'])

<div class="row g-3 mb-3">
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-clay">
                <i class="bi bi-people"></i>
            </div>
            <div>
                <div class="stat-value">{{ $total_stays }}</div>
                <div class="stat-label">Total Stays</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-success">
                <i class="bi bi-person-plus"></i>
            </div>
            <div>
                <div class="stat-value">{{ $new_guests }}</div>
                <div class="stat-label">New Guests</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-info">
                <i class="bi bi-arrow-repeat"></i>
            </div>
            <div>
                <div class="stat-value">{{ $returning_guests }}</div>
                <div class="stat-label">Returning</div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 col-xl-3">
        <div class="stat-card">
            <div class="stat-icon si-muted">
                <i class="bi bi-person-heart"></i>
            </div>
            <div>
                <div class="stat-value">{{ $total_adults + $total_children }}</div>
                <div class="stat-label">
                    Total Pax
                    <span style="display:block;font-size:.65rem;">
                        {{ $total_adults }}A + {{ $total_children }}C
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- By Nationality --}}
<div class="card">
    <div class="card-header">
        <span class="card-title">Top Nationalities</span>
    </div>
    <div class="card-body">
        @php $natTotal = $by_nationality->sum(); @endphp
        @forelse($by_nationality as $nat => $count)
            <div style="margin-bottom:10px;">
                <div style="display:flex;justify-content:space-between;
                            font-size:.8rem;margin-bottom:3px;">
                    <span class="fw-semibold">{{ $nat }}</span>
                    <span>
                        {{ $count }}
                        <span style="color:var(--muted);font-size:.72rem;">
                            ({{ $natTotal > 0 ? round(($count / $natTotal) * 100, 0) : 0 }}%)
                        </span>
                    </span>
                </div>
                <div style="background:var(--border);border-radius:3px;height:6px;overflow:hidden;">
                    <div style="height:100%;width:{{ $natTotal > 0 ? ($count / $natTotal) * 100 : 0 }}%;background:var(--clay);border-radius:3px;"></div>
                </div>
            </div>
        @empty
            <p class="text-muted text-center mb-0" style="font-size:.8rem;">
                No nationality data available
            </p>
        @endforelse
    </div>
</div>

@endsection