@props([
'author' => null,
'publishedAt' => null,
'readTime' => null,
'variant' => 'compact',
])

@php
$name = $author?->name ?? 'Wasoria';
$initials = collect(explode(' ', $name))->map(fn($w) => mb_strtoupper(mb_substr($w, 0, 1)))->take(2)->join('');
$role = $author?->role ?? null;
$bio = $author?->bio ?? null;
$avatar = $author?->avatar ?? null;
$avatarUrl = $avatar ? Storage::disk('public')->url($avatar) : null;
@endphp

@if($variant === 'extended')
{{-- Extended variant — article footer, wrapped in <address> --}}
<address class="not-italic mt-12 pt-8 border-t border-border">
    <div class="flex items-start gap-4">
        @if($avatarUrl)
        <img
            src="{{ $avatarUrl }}"
            alt="{{ $name }}"
            class="w-16 h-16 rounded-full object-cover shrink-0"
            loading="lazy" />
        @else
        <div class="w-16 h-16 rounded-full bg-primary/20 text-primary flex items-center justify-center text-xl font-bold shrink-0">
            {{ $initials }}
        </div>
        @endif
        <div>
            <p class="font-semibold text-foreground text-lg">{{ $name }}</p>
            @if($role)
            <p class="text-sm text-muted-foreground">{{ $role }}</p>
            @endif
            @if($bio)
            <p class="text-sm text-muted-foreground mt-2 leading-relaxed">{{ $bio }}</p>
            @endif
        </div>
    </div>
</address>
@else
{{-- Compact variant — article header --}}
<div class="flex flex-wrap items-center gap-3 text-sm text-muted-foreground">
    @if($avatarUrl)
    <img
        src="{{ $avatarUrl }}"
        alt="{{ $name }}"
        class="w-10 h-10 rounded-full object-cover shrink-0"
        loading="lazy" />
    @else
    <div class="w-10 h-10 rounded-full bg-primary/20 text-primary flex items-center justify-center text-xs font-bold shrink-0">
        {{ $initials }}
    </div>
    @endif
    <div class="flex flex-wrap items-center gap-x-3 gap-y-1">
        <span class="font-semibold text-foreground">{{ $name }}</span>
        @if($role)
        <span class="text-muted-foreground">{{ $role }}</span>
        @endif
        @if($publishedAt)
        <time datetime="{{ $publishedAt->toIso8601String() }}">
            {{ $publishedAt->translatedFormat('d F Y') }}
        </time>
        @endif
        @if($readTime)
        <span>{{ $readTime }} min de lecture</span>
        @endif
    </div>
</div>
@endif