@extends('admin.layout')

@section('title', 'Tableau de bord')

@section('content')
<div class="page-header">
    <h1>Tableau de bord</h1>
    <p class="subtitle">Vue d'ensemble de l'activité Babi Meet en temps réel.</p>
</div>

<div class="kpi-grid">
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-users"></i></div>
        <div class="kpi-value">{{ number_format($kpis['users_total']) }}</div>
        <div class="kpi-label">Utilisateurs inscrits</div>
        <div class="kpi-sub">+{{ $kpis['users_new_today'] }} aujourd'hui</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-signal"></i></div>
        <div class="kpi-value">{{ number_format($kpis['users_active_today']) }}</div>
        <div class="kpi-label">Actifs aujourd'hui</div>
        <div class="kpi-sub">+{{ $kpis['users_new_week'] }} cette semaine</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-heart"></i></div>
        <div class="kpi-value">{{ number_format($kpis['matches_total']) }}</div>
        <div class="kpi-label">Matchs totaux</div>
        <div class="kpi-sub">+{{ $kpis['matches_today'] }} aujourd'hui</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-comment"></i></div>
        <div class="kpi-value">{{ number_format($kpis['messages_total']) }}</div>
        <div class="kpi-label">Messages envoyés</div>
        <div class="kpi-sub">+{{ $kpis['messages_today'] }} aujourd'hui</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-flag"></i></div>
        <div class="kpi-value">{{ $kpis['reports_pending'] }}</div>
        <div class="kpi-label">Signalements en attente</div>
        @if($kpis['reports_pending'] > 0)
            <div class="kpi-sub" style="color: var(--admin-danger)"><a href="{{ route('admin.reports.index', ['status' => 'pending']) }}" style="color:inherit">Traiter →</a></div>
        @endif
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-crown"></i></div>
        <div class="kpi-value">{{ $kpis['subscriptions_active'] }}</div>
        <div class="kpi-label">Abonnements actifs</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-circle-play"></i></div>
        <div class="kpi-value">{{ $kpis['stories_active'] }}</div>
        <div class="kpi-label">Stories actives</div>
    </div>
    <div class="kpi-card">
        <div class="kpi-icon"><i class="fa-solid fa-calendar-days"></i></div>
        <div class="kpi-value">{{ $kpis['events_upcoming'] }}</div>
        <div class="kpi-label">Événements à venir</div>
    </div>
</div>

<div class="admin-card">
    <div class="admin-card-head">
        <h2>Inscriptions — 14 derniers jours</h2>
        <a href="{{ route('admin.analytics.index') }}" class="btn btn-outline btn-sm">Analytics complètes</a>
    </div>
    <div class="admin-card-body">
        @include('admin.partials.chart', ['series' => $registrations, 'max' => $maxReg])
    </div>
</div>

@if($recentReports->isNotEmpty())
<div class="admin-card">
    <div class="admin-card-head">
        <h2>Derniers signalements</h2>
        <a href="{{ route('admin.reports.index') }}" class="btn btn-outline btn-sm">Voir tout</a>
    </div>
    <table class="admin-table">
        <thead>
            <tr>
                <th>Signalé</th>
                <th>Par</th>
                <th>Raison</th>
                <th>Statut</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach($recentReports as $report)
            <tr>
                <td>{{ $report->reportedUser?->name ?? '—' }}</td>
                <td>{{ $report->reporter?->name ?? '—' }}</td>
                <td>{{ $report->reason }}</td>
                <td>
                    @if($report->status === 'pending')
                        <span class="tag tag-warning">En attente</span>
                    @elseif($report->status === 'reviewed')
                        <span class="tag tag-success">Traité</span>
                    @else
                        <span class="tag tag-muted">Rejeté</span>
                    @endif
                </td>
                <td>{{ $report->created_at->format('d/m/Y H:i') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@endif
@endsection