@extends('storefront.layout', ['title' => (config('app.name', 'Tstore')) . ' · ' . ($type === 'plugin' ? '插件目录' : '主题目录')])

@php
    $typeLabel = $type === 'plugin' ? '插件' : '主题';
    $fallback = $type === 'plugin' ? 'P' : 'T';
    $selectedCategory = '';
    foreach ($categories as $category) {
        if ($filters['category'] === $category->slug) {
            $selectedCategory = $category->name;
            break;
        }
    }
    $sortLabel = $filters['sort'] === 'name' ? '名称排序' : '最近更新';
@endphp

@section('hero')
<section class="hero">
    <div class="container">
        <span class="eyebrow">{{ $typeLabel }}</span>
        <h1 class="headline">{{ $typeLabel }}目录</h1>
        <p class="lede">统一浏览 {{ $typeLabel }} 的摘要、分类、作者和版本,筛选逻辑保持轻量,适合做公开展示与目录导航。</p>
        <form method="get" class="filter-bar">
            <div class="field" style="flex:2 1 260px">
                <label>关键词</label>
                <input class="input" type="text" name="keyword" value="{{ $filters['keyword'] }}" placeholder="搜索名称、slug 或摘要">
            </div>
            <div class="field" style="flex:1 1 180px">
                <label>分类</label>
                <select class="select" name="category">
                    <option value="">全部</option>
                    @foreach($categories as $category)
                        <option value="{{ $category->slug }}" @selected($filters['category'] === $category->slug)>{{ $category->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="field" style="flex:1 1 160px">
                <label>排序</label>
                <select class="select" name="sort">
                    <option value="latest" @selected($filters['sort'] === 'latest')>最近更新</option>
                    <option value="name" @selected($filters['sort'] === 'name')>按名称</option>
                </select>
            </div>
            <button class="btn" type="submit">应用筛选</button>
            <a class="btn ghost" href="{{ route($type === 'plugin' ? 'storefront.plugins' : 'storefront.themes') }}">重置</a>
        </form>
    </div>
</section>
@endsection

@section('content')
<section class="section">
    <div class="container">
        <div class="section-head">
            <div>
                <span class="section-kicker">Catalog</span>
                <h2>{{ $typeLabel }}列表</h2>
                <p>共找到 {{ $packages->total() }} 个结果 · 当前分类 {{ $selectedCategory ?: '全部' }} · {{ $sortLabel }}。</p>
            </div>
        </div>
        <div class="grid">
            @forelse($packages as $package)
                @include('storefront.partials.card', ['package' => $package, 'typeLabel' => $typeLabel, 'fallback' => $fallback])
            @empty
                <div class="empty">当前没有符合条件的{{ $typeLabel }}。</div>
            @endforelse
        </div>
        {{ $packages->onEachSide(1)->links() }}
    </div>
</section>
@endsection