@extends('admin.layout.app')
@section('title', 'Report Center')

@section('body')
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h3 class="fw-bold mb-1">Report Center</h3>
        <p class="text-muted mb-0">All major academic, admission, examination, finance, and administrative reports in one place.</p>
    </div>
    <a href="{{ route('admin.system-guide.index') }}" class="btn btn-outline-primary rounded-pill">System Guide</a>
</div>

<div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label">Search report</label>
                <input name="q" value="{{ $filters['q'] }}" class="form-control" placeholder="students, finance, exams, payments">
            </div>
            <div class="col-md-2"><label class="form-label">From</label><input type="date" name="from" value="{{ $filters['from'] }}" class="form-control"></div>
            <div class="col-md-2"><label class="form-label">To</label><input type="date" name="to" value="{{ $filters['to'] }}" class="form-control"></div>
            <div class="col-md-2"><button class="btn btn-primary w-100">Filter</button></div>
            <div class="col-md-2"><button type="button" onclick="window.print()" class="btn btn-outline-secondary w-100">Print</button></div>
        </form>
    </div>
</div>

<div class="row g-3 mb-4">
    @foreach($stats as $label => $value)
        <div class="col-6 col-md-3 col-xl-2">
            <div class="card border-0 shadow-sm rounded-4 h-100">
                <div class="card-body">
                    <div class="text-muted small">{{ str_replace('_', ' ', ucfirst($label)) }}</div>
                    <div class="fs-4 fw-bold">{{ number_format($value) }}</div>
                </div>
            </div>
        </div>
    @endforeach
</div>

@php($search = strtolower((string) $filters['q']))
<div class="row g-4">
    @foreach($reportGroups as $group => $reports)
        @php($visibleReports = collect($reports)->filter(fn($report) => !$search || str_contains(strtolower($report['label'].' '.$group), $search)))
        @continue($visibleReports->isEmpty())
        <div class="col-xl-6">
            <div class="card border-0 shadow-sm rounded-4 h-100">
                <div class="card-header bg-white border-0 fw-bold">{{ $group }}</div>
                <div class="card-body">
                    <div class="list-group list-group-flush">
                        @foreach($visibleReports as $report)
                            <a href="{{ $report['route'] }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center px-0">
                                <span>{{ $report['label'] }}</span>
                                <span class="btn btn-sm btn-outline-primary">Open</span>
                            </a>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>
@endsection