@extends('layouts.nova')

@section('content')
    <div class="container mx-auto py-8 max-w-3xl">
        <h1 class="text-2xl font-semibold mb-6">My Followers</h1>

        @if($followers->isEmpty())
            <p class="text-sm text-gray-500">You have no followers yet.</p>
        @else
            <div class="space-y-3">
                @foreach($followers as $f)
                    <a href="{{ $f->profile_url }}" class="flex items-center gap-4 p-3 rounded-lg hover:bg-white/5 transition">
                        <img src="{{ $f->avatar_url }}" alt="{{ $f->uname }}" class="w-10 h-10 rounded-full object-cover">
                        <div class="flex-1 min-w-0">
                            <div class="font-medium truncate">{{ $f->uname }}</div>
                            <div class="text-xs text-gray-500">{{ $f->uploads }} uploads &middot; followed {{ \Carbon\Carbon::parse($f->followed_at)->diffForHumans() }}</div>
                        </div>
                    </a>
                @endforeach
            </div>

            <div class="mt-6">
                {{ $followers->links() }}
            </div>
        @endif
    </div>
@endsection