@extends('layouts.nova')

@section('content')
<div class="container-fluid legacy-page">
    <div class="effect2 page-header-wrap">
        <header class="page-heading">
            <h1 class="page-header">{{ $page_title ?? 'Followers' }}</h1>
            <p>Members who follow you</p>
        </header>
    </div>

    <div class="container-fluid">
        <div class="icon-grid">
            @forelse($followers as $f)
                @php
                    $icon = $f->icon ?? 'default.jpg';
                    $uname = $f->uname ?? 'Unknown';
                    $followerId = $f->user_id ?? null;
                @endphp

                <div class="icon-flex">
                    <div>
                        <a href="/profile/{{ $followerId }}/{{ Str::slug($uname) }}">
                            <h4>{{ $uname }}</h4>
                        </a>
                    </div>

                    <div>
                        <a href="/profile/{{ $followerId }}/{{ Str::slug($uname) }}">
                            <img src="{{ \App\Support\AvatarUrl::forUser((int) $followerId, null, 50) }}" alt="{{ $uname }}">
                        </a>
                    </div>
                </div>
            @empty
                <p>No followers yet.</p>
            @endforelse
        </div>

        @if(method_exists($followers, 'links'))
            <div class="mt-3">{{ $followers->links() }}</div>
        @endif
    </div>
</div>
@endsection