@extends('layouts.app')
@section('title', __('messages.nav_news'))

@section('content')
<div class="mx-auto max-w-6xl px-4 py-10">
    <h1 class="mb-6 font-display text-3xl font-bold">{{ __('messages.nav_news') }}</h1>
    <div class="grid gap-4 md:grid-cols-3">
        @forelse ($news as $item)
            <a href="{{ route('news.show', ['locale' => app()->getLocale(), 'news' => $item->slug]) }}" class="card p-4 hover:border-gold">
                <h2 class="font-display font-semibold">{{ $item->title }}</h2>
                <p class="mt-2 text-sm text-ink/60">{{ \Illuminate\Support\Str::limit($item->excerpt, 100) }}</p>
                <p class="mt-2 font-mono text-xs text-ink/40">{{ $item->published_at?->translatedFormat('d M Y') }}</p>
            </a>
        @empty
            <p class="text-ink/40">—</p>
        @endforelse
    </div>
    <div class="mt-8">{{ $news->links() }}</div>
</div>
@endsection