{% include 'public/partials/header.html' %}<main class="wrap page-shell"><div class="breadcrumb"><a href="{{ $baseUrl }}/">HOME</a><span>›</span><span>MEMBERS</span></div><section class="page-hero"><div><div class="eyebrow">Community Directory</div><h1>Members</h1><p>Meet the people building, discussing, and contributing across NexusBoard.</p></div></section><section class="member-stat-strip"><article><strong>{{ $memberStats['total'] }}</strong><span>Total members</span></article><article><strong>{{ $memberStats['online'] }}</strong><span>Online now</span></article><article><strong>{{ number_format($memberStats['posts']) }}</strong><span>Combined posts</span></article></section><form class="toolbar"><input class="input" name="q" value="{{ $query }}" placeholder="Search members…"><select class="select"><option>All roles</option><option>Staff</option><option>Members</option></select><button class="btn">Search</button></form><div class="member-grid">{% foreach $members as $member %}<a class="member-card" href="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}"><div class="member-accent"></div><div class="member-body"><div class="member-top"><div class="profile-avatar small" style="--avatar-color:{{ $member['avatar_color'] ?: '#f0a500' }}">{% if $member['avatar_url'] %}<img src="{{ str_starts_with($member['avatar_url'],'/')?$baseUrl.$member['avatar_url']:$member['avatar_url'] }}" alt="">{% else %}{{ strtoupper(substr($member['username'],0,1)) }}{% endif %}</div><div><div class="member-name">{{ $member['username'] }}</div><div class="member-title">{{ $member['role'] }}</div></div>{% if $member['is_online'] %}<span class="online-badge">Online</span>{% endif %}</div><div class="member-metrics"><div><b>{{ number_format($member['post_count']) }}</b><span>Posts</span></div><div><b>{{ number_format((int)($member['post_count']*.18)) }}</b><span>Reputation</span></div><div><b>{{ date('Y',strtotime($member['joined_at'])) }}</b><span>Joined</span></div></div></div></a>{% endforeach %}</div></main>{% include 'public/partials/footer.html' %}