@extends('storefront.layout', ['title' => 'Tstore · ' . $package->name])

@section('hero')
<div class="hero-grid">
    <div class="hero-card">
        <h1>{{ $detail['name'] }}</h1>
        <p>{{ $detail['summary'] ?: '暂无摘要' }}</p>
        <div class="hero-meta">
            <div class="hero-stat"><strong>{{ $detail['type'] }}</strong><span>类型</span></div>
            <div class="hero-stat"><strong>{{ $detail['download_count'] }}</strong><span>累计下载</span></div>
            <div class="hero-stat"><strong>{{ count($detail['versions']) }}</strong><span>版本数</span></div>
            <div class="hero-stat"><strong>{{ count($detail['categories']) }}</strong><span>分类</span></div>
        </div>
    </div>
    <div class="hero-card">
        <h3 style="margin:0 0 10px;font-size:20px">说明</h3>
        <p>这是前台展示页，只展示扩展信息、版本兼容性和截图，不直接暴露下载地址。需要维护请进入后台。</p>
        <div class="card-actions" style="margin-top:18px">
            <a class="btn secondary" href="{{ route('webadmin.login') }}">后台登录</a>
        </div>
    </div>
</div>
@endsection

@section('content')
<div class="detail-grid">
    <div class="detail-card">
        <h3>扩展说明</h3>
        <div class="muted">作者：{{ $detail['author'] ?: '未知作者' }}</div>
        <div class="muted">主页：{{ $detail['homepage'] ?: '未提供' }}</div>
        <div class="tags">
            @foreach($package->categories as $category)
                <span class="chip">{{ $category->name }}</span>
            @endforeach
        </div>
        <div style="margin-top:16px;white-space:pre-wrap">{{ $detail['description'] ?: '暂无详细描述。' }}</div>
    </div>

    <div class="detail-card">
        <h3>版本信息</h3>
        <div class="version-list">
            @forelse($detail['versions'] as $version)
                <div class="version">
                    <strong>v{{ $version['version'] }}</strong>
                    <div class="muted">{{ $version['is_latest'] ? '最新版本' : '历史版本' }} · {{ $version['is_stable'] ? '稳定版' : '预发布' }}</div>
                    <div class="muted">Typecho {{ $version['compatibility']['typecho_min'] ?: '-' }} ~ {{ $version['compatibility']['typecho_max'] ?: '-' }}</div>
                    <div class="muted">PHP {{ $version['compatibility']['php_min'] ?: '-' }} ~ {{ $version['compatibility']['php_max'] ?: '-' }}</div>
                    @if(!empty($version['changelog']))
                        <div style="margin-top:8px">{{ $version['changelog'] }}</div>
                    @endif
                </div>
            @empty
                <div class="empty">当前没有版本记录。</div>
            @endforelse
        </div>
    </div>
</div>

@if(count($detail['screenshots']))
<div class="panel section">
    <div class="section-head">
        <div>
            <h2>截图展示</h2>
            <p>只展示视觉效果，不提供下载入口。</p>
        </div>
    </div>
    <div class="gallery">
        @foreach($detail['screenshots'] as $shot)
            <div class="shot">
                <img src="{{ $shot['url'] }}" alt="{{ $shot['caption'] ?: $detail['name'] }}">
                <div>{{ $shot['caption'] ?: '扩展截图' }}</div>
            </div>
        @endforeach
    </div>
</div>
@endif

<div class="panel section">
    <div class="section-head">
        <div>
            <h2>更多{{ $package->type === 'plugin' ? '插件' : '主题' }}</h2>
            <p>继续浏览同类内容。</p>
        </div>
    </div>
    <div class="grid">
        @forelse($related as $item)
            <div class="card">
                <div class="title">{{ $item->name }}</div>
                <div class="muted">{{ $item->summary ?: '暂无摘要' }}</div>
                <div class="card-actions">
                    <a class="btn secondary" href="{{ route('storefront.show', [$item->type, $item->slug]) }}">查看详情</a>
                </div>
            </div>
        @empty
            <div class="empty">当前没有更多相关内容。</div>
        @endforelse
    </div>
</div>
@endsection