@extends('layouts.app')
@section('title', 'Reports')

@section('content')
<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">From</label>
                <input type="date" name="from" value="{{ $filters['from'] }}" class="form-control @error('from') is-invalid @enderror">
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">To</label>
                <input type="date" name="to" value="{{ $filters['to'] }}" class="form-control @error('to') is-invalid @enderror">
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">Status</label>
                <select name="status" class="form-select">
                    <option value="">All</option>
                    @foreach (\App\Models\Appointment::STATUSES as $key => [$label])
                        <option value="{{ $key }}" @selected(($filters['status'] ?? '') === $key)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">Type</label>
                <select name="type" class="form-select">
                    <option value="">All</option>
                    @foreach (\App\Models\Appointment::TYPES as $key => $label)
                        <option value="{{ $key }}" @selected(($filters['type'] ?? '') === $key)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label small mb-1">Host</label>
                <select name="host_id" class="form-select">
                    <option value="">All</option>
                    @foreach ($hosts as $h)
                        <option value="{{ $h->id }}" @selected(($filters['host_id'] ?? '') == $h->id)>{{ $h->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2 d-flex gap-2">
                <button class="btn btn-primary flex-fill"><i class="bi bi-funnel"></i></button>
                <a href="{{ route('reports.export', array_filter($filters)) }}" class="btn btn-success flex-fill" title="Download CSV"><i class="bi bi-filetype-csv"></i> CSV</a>
            </div>
        </form>
        <div class="d-flex flex-wrap gap-2 mt-2 small">
            Quick range:
            <a href="{{ route('reports.index', ['from' => today()->toDateString(), 'to' => today()->toDateString()]) }}">Today</a>·
            <a href="{{ route('reports.index', ['from' => today()->subDays(6)->toDateString(), 'to' => today()->toDateString()]) }}">Last 7 days</a>·
            <a href="{{ route('reports.index', ['from' => today()->startOfMonth()->toDateString(), 'to' => today()->toDateString()]) }}">This month</a>·
            <a href="{{ route('reports.index', ['from' => today()->subMonthNoOverflow()->startOfMonth()->toDateString(), 'to' => today()->subMonthNoOverflow()->endOfMonth()->toDateString()]) }}">Last month</a>
        </div>
    </div>
</div>

<div class="row g-3 mb-3">
    <div class="col-6 col-lg"><x-stat-card label="Total visits" :value="$summary['total']" icon="journal-text" color="primary" /></div>
    <div class="col-6 col-lg"><x-stat-card label="Completed" :value="$summary['completed']" icon="check2-circle" color="success" /></div>
    <div class="col-6 col-lg"><x-stat-card label="Walk-ins" :value="$summary['walk_ins']" icon="person-walking" color="warning" /></div>
    <div class="col-6 col-lg"><x-stat-card label="Rejected / Cancelled / Expired" :value="$summary['rejected']" icon="x-octagon" color="danger" /></div>
    <div class="col-12 col-lg"><x-stat-card label="Avg. time inside" :value="$summary['avg_minutes'].' min'" icon="stopwatch" color="info" /></div>
</div>

<div class="row g-3">
    <div class="col-lg-3">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Top hosts</div>
            <ul class="list-group list-group-flush">
                @forelse ($byHost as $row)
                    <li class="list-group-item d-flex justify-content-between"><span>{{ $row->host?->name }}</span><strong>{{ $row->total }}</strong></li>
                @empty
                    <li class="list-group-item text-muted text-center">No data</li>
                @endforelse
            </ul>
        </div>
    </div>
    <div class="col-lg-9">
        <div class="card">
            <div class="card-header bg-white fw-semibold">Visits {{ \Illuminate\Support\Carbon::parse($filters['from'])->format('d M Y') }} — {{ \Illuminate\Support\Carbon::parse($filters['to'])->format('d M Y') }}</div>
            <div class="table-responsive">
                <table class="table table-sm table-hover mb-0 small">
                    <thead class="table-light"><tr><th>Ref</th><th>Visitor</th><th>Host</th><th>Scheduled</th><th>In</th><th>Out</th><th>Status</th></tr></thead>
                    <tbody>
                    @forelse ($appointments as $a)
                        <tr>
                            <td><a href="{{ route('appointments.show', $a) }}">{{ $a->reference }}</a></td>
                            <td>{{ $a->visitor->name }}<div class="text-muted">{{ $a->visitor->company }}</div></td>
                            <td>{{ $a->host->name }}</td>
                            <td>{{ $a->scheduled_at->format('d M, h:i A') }}</td>
                            <td>{{ $a->checked_in_at?->format('h:i A') ?? '—' }}</td>
                            <td>{{ $a->checked_out_at?->format('h:i A') ?? '—' }}</td>
                            <td><x-status-badge :appointment="$a" /></td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="text-center text-muted py-4">No visits in this range.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            @if ($appointments->hasPages())<div class="card-footer bg-white">{{ $appointments->links() }}</div>@endif
        </div>
    </div>
</div>
@endsection