@extends('frontend.layouts.app')

@section('title', __t('archive.title', 'Tutti gli articoli') . ' — BrigataFolgore.net')

@section('content')

<div class="bg-gray-900 text-white py-12">
    <div class="container mx-auto px-4">
        <h1 class="text-3xl md:text-4xl font-bold">{{ __t('archive.title', 'Tutti gli articoli') }}</h1>
        <p class="mt-2 text-gray-300">{{ __t('archive.count', ':count articoli pubblicati', ['count' => $articles->total()]) }}</p>
    </div>
</div>

<section class="container mx-auto px-4 py-10">
    @if($articles->isEmpty())
        <p class="text-center text-gray-500 py-12">{{ __t('archive.no_articles', 'Nessun articolo pubblicato.') }}</p>
    @else
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
            @foreach($articles as $article)
                <x-site.article-card :article="$article" variant="default" />
            @endforeach
        </div>
        <div class="mt-10">
            {{ $articles->links() }}
        </div>
    @endif
</section>

@endsection