@extends('frontend.layouts.app')

@section('content')
<div class="page-header">
    <h1>文章</h1>
    <p>AI 工具资讯、评测与实用教程。</p>
</div>

@include('frontend.partials.ad-slot', ['slotKey' => 'list', 'title' => '推广位'])

<div class="article-list">
    @forelse($articles as $article)
        <a class="article-item" href="{{ route('articles.show', $article->slug) }}">
            <div class="article-title">{{ $article->title }}</div>
            <div class="article-meta">
                <span>{{ $article->author ?? '官方' }}</span>
                <span>{{ optional($article->published_at)->format('Y-m-d') }}</span>
            </div>
            <div class="article-summary">{{ $article->summary }}</div>
        </a>
    @empty
        <div class="empty">暂无文章</div>
    @endforelse
</div>

<div class="pagination">
    {{ $articles->links() }}
</div>
@endsection