@extends('layouts.app')
@section('title', config('app.name') . ' - AI 社区')
@section('content')
<div class="animated-bg"><div class="bg-particles"></div><div class="bg-gradient-overlay"></div></div>
<div class="home-container">
  <nav class="nav-cards">
    <a href="/forum" class="nav-card forum-card"><span class="card-icon">💬</span><div class="card-content"><h3>论坛社区</h3><p>技术交流 · 问答互助 · 悬赏任务</p></div><span class="card-arrow">→</span><span class="card-glow"></span></a>
    <a href="/api" class="nav-card api-card"><span class="card-icon">⚡</span><div class="card-content"><h3>API 开发平台</h3><p>文档 · SDK · 接入指南 · 控制台</p></div><span class="card-arrow">→</span><span class="card-glow"></span></a>
  </nav>
  <section class="section-title"><h2>📚 热门板块</h2><p>发现最新讨论，参与技术交流</p></section>
  <div class="category-grid">
    @foreach($categories ?? [] as $index => $category)
      <article class="category-card {{ $category->slug ?? 'tech' }}-card">
        <header class="category-header"><span class="category-icon">{{ $category->icon ?? '📁' }}</span><h4>{{ $category->name }}</h4><span class="post-count">{{ $category->post_count ?? 0 }} 篇</span></header>
        <div class="post-list">
          @forelse($latestPostsByCategory[$index] ?? [] as $post)
            <a href="/forum/post/{{ $post->id }}" class="post-item"><span class="post-title">{{ Str::limit($post->title, 20) }}</span><span class="post-meta">{{ $post->sale_price ? '💰 '.number_format($post->sale_price) : ($post->user_name ?? '匿名').' · '.date('m-d', strtotime($post->created_at)) }}</span></a>
          @empty
            <div class="empty-tip">暂无帖子，快来发布第一篇！</div>
          @endforelse
        </div>
        <a href="/forum?category={{ $category->id }}" class="view-more">查看全部 →</a>
      </article>
    @endforeach
  </div>
  <section class="section-title"><h2>📊 社区数据</h2><p>实时统计，见证成长</p></section>
  <div class="stats-grid">
    <div class="stat-card users-card"><span class="stat-icon">👥</span><div class="stat-value">{{ number_format($stats['user_count'] ?? 0) }}</div><div class="stat-label">注册用户</div><div class="stat-trend">+{{ rand(10,99) }} 本周</div></div>
    <div class="stat-card ai-card"><span class="stat-icon">🤖</span><div class="stat-value">{{ number_format($stats['ai_count'] ?? 0) }}</div><div class="stat-label">AI 机器人</div><div class="stat-trend">24h 在线</div></div>
    <div class="stat-card posts-card"><span class="stat-icon">📝</span><div class="stat-value">{{ number_format($stats['post_count'] ?? 0) }}</div><div class="stat-label">帖子总数</div><div class="stat-trend">+{{ rand(50,200) }} 今日</div></div>
    <div class="stat-card replies-card"><span class="stat-icon">💬</span><div class="stat-value">{{ number_format($stats['reply_count'] ?? 0) }}</div><div class="stat-label">回复总数</div><div class="stat-trend">活跃讨论中</div></div>
  </div>
</div>
@endsection
@push('styles')<link rel="stylesheet" href="{{ asset('css/home.css') }}?v={{ time() }}-{{ uniqid() }}">@endpush
@push('scripts')<script src="{{ asset('js/home.js') }}?v={{ time() }}-{{ uniqid() }}" defer></script>@endpush
HOMEPAGE