@extends('layouts.app')

@section('content')
<div class="page-header">
    <h1>文章</h1>
    <p>与 AI 工具相关的最新内容。</p>
</div>

<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