@extends('layouts.admin')

@section('page_kicker', 'Analytics')
@section('page_title', 'Reports & analytics')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="admin-content-card">
            <h3 class="admin-card-title">User growth (monthly)</h3>
            <p class="admin-card-desc">Registration or activity totals.</p>
            <ul class="mt-5 space-y-2 text-sm">
                @foreach($userGrowth as $row)
                    <li class="admin-list-row">
                        <span>{{ $row->month }}</span>
                        <span class="font-semibold text-teal-800">{{ $row->total }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
        <div class="admin-content-card">
            <h3 class="admin-card-title">Doctor performance</h3>
            <p class="admin-card-desc">Appointment counts by doctor.</p>
            <ul class="mt-5 space-y-2 text-sm">
                @foreach($doctorPerformance as $row)
                    <li class="admin-list-row">
                        <span class="text-slate-700">{{ $row->doctor_name ?? 'N/A' }}</span>
                        <span class="font-semibold text-slate-900">{{ $row->appointments }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
    </div>

    <div class="admin-content-card mt-6">
        <h3 class="admin-card-title">Export reports (CSV)</h3>
        <p class="admin-card-desc">Bulk extracts for compliance and BI.</p>
        <div class="mt-5 flex flex-wrap gap-3">
            <a href="{{ route('superadmin.reports.export', 'users') }}" class="admin-btn-secondary">Export users</a>
            <a href="{{ route('superadmin.reports.export', 'hospitals') }}" class="admin-btn-dark">Export hospitals</a>
            <a href="{{ route('superadmin.reports.export', 'doctors') }}" class="admin-btn-primary">Export doctors</a>
        </div>
    </div>
@endsection