@extends('layouts.app')

@section('content')
<div class="home-hero">
    <div class="hero-text">
        <h1>发现更好的 AI 工具</h1>
        <p>精选产品与文章，覆盖写作、设计、开发、效率等场景。</p>
    </div>
    <form class="search-bar" action="{{ route('search.index') }}" method="get">
        <input type="text" name="q" placeholder="搜索 AI 工具名称" aria-label="搜索">
        <button type="submit">搜索</button>
    </form>
</div>

<section class="section">
    <div class="section-header">
        <h2>热门推荐</h2>
    </div>
    <div class="product-grid">
        @forelse($featuredProducts as $product)
            @include('partials.product-card', ['product' => $product])
        @empty
            <div class="empty">暂无推荐内容</div>
        @endforelse
    </div>
</section>

<section class="section">
    <div class="section-header">
        <h2>新加产品</h2>
    </div>
    <div class="product-grid">
        @forelse($newProducts as $product)
            @include('partials.product-card', ['product' => $product])
        @empty
            <div class="empty">暂无新产品</div>
        @endforelse
    </div>
</section>

<section class="section">
    <div class="section-header">
        <h2>分类精选</h2>
    </div>
    <div class="category-blocks">
        @foreach($categories as $category)
            <div class="category-block">
                <div class="category-block-header">
                    <h3>{{ $category->name }}</h3>
                    <a href="{{ route('categories.show', $category->slug) }}" class="more-link">更多</a>
                </div>
                <div class="product-grid">
                    @foreach($category->products as $product)
                        @include('partials.product-card', ['product' => $product])
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>
</section>
@endsection