@extends('admin.layout')

@section('title', 'Forum')
@section('header', 'Forum')

@section('content')
<div class="grid md:grid-cols-3 gap-6 mb-8">
    <div class="bg-white rounded-2xl border border-slate-200 p-6">
        <h3 class="text-sm font-medium text-slate-500">Catégories</h3>
        <p class="text-3xl font-bold text-slate-900 mt-1">{{ $categories->count() }}</p>
    </div>
    <div class="bg-white rounded-2xl border border-slate-200 p-6">
        <h3 class="text-sm font-medium text-slate-500">Sujets</h3>
        <p class="text-3xl font-bold text-slate-900 mt-1">{{ $threadsCount }}</p>
    </div>
    <div class="bg-white rounded-2xl border border-slate-200 p-6">
        <h3 class="text-sm font-medium text-slate-500">Réponses</h3>
        <p class="text-3xl font-bold text-slate-900 mt-1">{{ $repliesCount }}</p>
    </div>
</div>

@if(($pendingThreads ?? 0) > 0 || ($pendingReplies ?? 0) > 0)
<div class="mb-8 p-4 bg-amber-50 border border-amber-200 rounded-xl text-amber-900">
    <p class="font-medium">Contenu en attente de validation</p>
    <p class="text-sm mt-1">
        @if(($pendingThreads ?? 0) > 0){{ $pendingThreads }} sujet(s)@endif
        @if(($pendingThreads ?? 0) > 0 && ($pendingReplies ?? 0) > 0) · @endif
        @if(($pendingReplies ?? 0) > 0){{ $pendingReplies }} réponse(s)@endif
        — consultez les sujets dans l’admin pour valider ou supprimer.
    </p>
    <a href="{{ route('admin.forum.threads') }}" class="inline-block mt-2 text-sm font-medium text-amber-800 underline hover:no-underline">Voir les sujets</a>
</div>
@endif

<div class="flex gap-3 flex-wrap">
    <a href="{{ route('admin.forum.categories') }}" class="px-6 py-2.5 bg-primary-500 text-white rounded-xl font-medium hover:bg-primary-600 transition">Gérer les catégories</a>
    <a href="{{ route('admin.forum.threads') }}" class="px-6 py-2.5 border border-slate-200 rounded-xl font-medium hover:bg-slate-50 transition text-slate-700">Voir les sujets</a>
    <a href="{{ route('forum.index') }}" target="_blank" class="px-6 py-2.5 border border-slate-200 rounded-xl font-medium hover:bg-slate-50 transition text-slate-700">Voir le forum →</a>
</div>

<p class="mt-6 text-sm text-slate-500">Ajoutez <strong>/forum</strong> dans Apparence > Menu pour afficher le lien Forum sur votre site.</p>
@endsection
