@extends('frontend.layouts.app')

@section('title', $author->name . ' — BrigataFolgore.net')

@section('content')

<div class="bg-folgore text-white py-12 md:py-16">
    <div class="container mx-auto px-4">
        <div class="flex items-center gap-6">
            @if($author->avatar)
                <img src="{{ \App\Services\ImageService::url($author->avatar, 'medium') }}"
                     class="w-24 h-24 md:w-32 md:h-32 rounded-full object-cover border-4 border-white shadow-xl">
            @else
                <div class="w-24 h-24 md:w-32 md:h-32 rounded-full bg-white text-folgore flex items-center justify-center text-3xl font-bold shadow-xl">
                    {{ strtoupper(substr($author->name, 0, 1)) }}
                </div>
            @endif
            <div>
                <p class="text-sm uppercase tracking-wider opacity-80 mb-1">{{ __t('author.label', 'Autore') }}</p>
                <h1 class="text-3xl md:text-4xl font-bold">{{ $author->name }}</h1>
                @if($author->bio)
                    <p class="mt-2 text-white/90 max-w-3xl text-sm md:text-base">{{ $author->bio }}</p>
                @endif
            </div>
        </div>
    </div>
</div>

<section class="container mx-auto px-4 py-10">
    <h2 class="text-2xl font-bold mb-6 text-gray-900">
        {{ __t('author.articles_by', 'Articoli di') }} {{ $author->name }} ({{ $articles->total() }})
    </h2>
    @if($articles->isEmpty())
        <p class="text-center text-gray-500 py-12">{{ __t('author.no_articles', 'Nessun articolo da questo autore.') }}</p>
    @else
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 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