@extends('layouts.site')

@section('page_class', 'page-news page-detail')
@section('title', $item->seo_title ?: $item->title.' - AI资讯')
@section('meta_description', $item->seo_description ?: $item->excerpt)
@section('canonical', $item->canonical_url ?: route('news.show', $item->slug))

@section('head')
<script type="application/ld+json">
{!! json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'Article',
    'headline' => $item->title,
    'description' => $item->excerpt,
    'datePublished' => $item->published_at?->toIso8601String(),
    'dateModified' => $item->updated_at?->toIso8601String(),
    'mainEntityOfPage' => route('news.show', $item->slug),
], JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES|JSON_PRETTY_PRINT) !!}
</script>
@endsection

@section('content')
<section class="module-hero">
    <div class="position-relative">
        <span class="hero-chip mb-3"><i class="bi bi-newspaper"></i> AI 资讯</span>
        <h1 class="h2 fw-bold mb-2">{{ $item->h1 ?: $item->title }}</h1>
        <p class="hero-subtext">发布时间：{{ $item->published_at?->format('Y-m-d H:i') }} · 来源可信度：{{ $item->source_level?->label() ?? '未知' }}</p>
    </div>
</section>

@if($showRiskNotice)
    <div class="alert alert-warning" role="alert">免责声明：高风险领域内容仅供学习参考，不构成专业建议。</div>
@endif

<div class="module-grid">
    <div>
        <article class="surface-card p-3 p-lg-4 mb-3">
            <p class="lead">{{ $item->excerpt }}</p>
            <div class="md-content detail-content">{!! $bodyHtml !!}</div>
        </article>

        <div class="surface-card p-3 p-lg-4">
            <div class="d-flex flex-wrap gap-2 align-items-center">
                <span class="chip"><i class="bi bi-link-45deg"></i>{{ $item->source_name ?: '未提供来源名称' }}</span>
                @if($item->source_url)
                    <a class="btn btn-sm btn-outline-primary" href="{{ $item->source_url }}" target="_blank" rel="nofollow noopener">查看原文</a>
                @endif
                @if($item->is_stale)
                    <span class="chip"><i class="bi bi-exclamation-triangle"></i>该资讯可能已过期</span>
                @endif
            </div>
        </div>
    </div>

    <aside>
        <section class="surface-card p-3 mb-3">
            <h3 class="section-title mb-3">热门模型榜</h3>
            @forelse($sidebarModels as $model)
                <article class="pb-2 mb-2 border-bottom" style="border-color:var(--line)!important;">
                    <a class="fw-semibold text-decoration-none" href="{{ route('models.show', $model->slug) }}">{{ $model->name }}</a>
                    <div class="small text-muted-soft">综合 {{ $model->total_score }} 分</div>
                </article>
            @empty
                <p class="text-muted-soft small mb-0">暂无模型数据</p>
            @endforelse
        </section>

        <section class="surface-card p-3">
            <h3 class="section-title mb-3">推荐教程</h3>
            @forelse($sidebarGuides as $guide)
                <article class="pb-2 mb-2 border-bottom" style="border-color:var(--line)!important;">
                    <a class="fw-semibold text-decoration-none" href="{{ route('guides.show', $guide->slug) }}">{{ $guide->title }}</a>
                    <div class="small text-muted-soft">{{ $guide->difficulty }}</div>
                </article>
            @empty
                <p class="text-muted-soft small mb-0">暂无教程数据</p>
            @endforelse
        </section>
    </aside>
</div>
@endsection