@extends('storefront.layout', ['title' => (config('app.name', 'Tstore')) . ' · ' . ($storeSettings['home_title_suffix'] ?? '扩展展示站')])

@section('hero')
<section class="hero">
    <div class="container">
        <span class="eyebrow">{{ $storeSettings['home_eyebrow'] ?? 'Public Showcase' }}</span>
        <h1 class="headline">{{ $storeSettings['home_headline'] ?? '更干净的 Typecho 扩展展示站' }}</h1>
        <p class="lede">{{ $storeSettings['home_lede'] ?? '前台只负责展示插件与主题的资料、分类、兼容性和截图,真正的发布、上传和站点接入都由服务端统一维护,信息层次更清楚。' }}</p>
        <div class="hero-actions">
            <a class="btn" href="{{ route('storefront.plugins') }}">浏览插件</a>
            <a class="btn ghost" href="{{ route('storefront.themes') }}">浏览主题</a>
        </div>
        <div class="stats">
            <div class="stat"><strong>{{ $stats['packages'] }}</strong><span>已发布扩展</span></div>
            <div class="stat"><strong>{{ $stats['plugins'] }}</strong><span>插件</span></div>
            <div class="stat"><strong>{{ $stats['themes'] }}</strong><span>主题</span></div>
            <div class="stat"><strong>{{ $stats['categories'] }}</strong><span>分类</span></div>
        </div>
    </div>
</section>
@endsection

@section('content')
<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="section-kicker">Plugins</span>
                <h2>{{ $storeSettings['home_plugins_title'] ?? '推荐插件' }}</h2>
                <p>{{ $storeSettings['home_plugins_subtitle'] ?? '优先展示适合作为目录首页入口的插件,突出摘要、作者、分类和版本信息。' }}</p>
            </div>
            <a class="btn ghost sm" href="{{ route('storefront.plugins') }}">查看全部</a>
        </div>
        <div class="grid">
            @forelse($featuredPlugins as $package)
                @include('storefront.partials.card', ['package' => $package, 'typeLabel' => '插件', 'fallback' => 'P'])
            @empty
                <div class="empty">当前还没有推荐插件。</div>
            @endforelse
        </div>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="section-kicker">Themes</span>
                <h2>{{ $storeSettings['home_themes_title'] ?? '推荐主题' }}</h2>
                <p>{{ $storeSettings['home_themes_subtitle'] ?? '主题列表保持同样的展示逻辑,方便在统一视觉下浏览不同类型的扩展内容。' }}</p>
            </div>
            <a class="btn ghost sm" href="{{ route('storefront.themes') }}">查看全部</a>
        </div>
        <div class="grid">
            @forelse($featuredThemes as $package)
                @include('storefront.partials.card', ['package' => $package, 'typeLabel' => '主题', 'fallback' => 'T'])
            @empty
                <div class="empty">当前还没有推荐主题。</div>
            @endforelse
        </div>
    </div>
</section>
@endsection