@extends('layouts.app')

@section('title', 'Author: ' . $author->name)

@section('content')
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="flex items-center gap-6 mb-12">
        <div class="w-20 h-20 rounded-full bg-amber-200 dark:bg-amber-800 flex items-center justify-center font-display text-3xl font-bold text-amber-800 dark:text-amber-200">
            {{ strtoupper(substr($author->name, 0, 1)) }}
        </div>
        <div>
            <h1 class="font-display text-3xl font-bold text-stone-900 dark:text-stone-100">{{ $author->name }}</h1>
            @if($author->bio)
                <p class="text-stone-600 dark:text-stone-400 mt-2">{{ $author->bio }}</p>
            @endif
        </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        @foreach($posts as $post)
            @include('partials.post-card', ['post' => $post])
        @endforeach
    </div>

    <div class="mt-12">{{ $posts->links() }}</div>
</div>
@endsection