{% include 'public/partials/header.html' %}
<main class="member-profile-page">
  <div class="profile-cover-art" style="--profile-color:{{ $member['avatar_color'] ?: '#f0a500' }}"><span></span></div>
  <section class="profile-identity-bar">
    <div class="wrap">
      <div class="profile-identity-row">
        <div class="profile-person">
          <span class="profile-avatar-shell" 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="{{ $member['username'] }}">{% else %}{{ strtoupper(substr($member['username'],0,1)) }}{% endif %}{% if $member['currently_online'] %}<i></i>{% endif %}</span>
          <div><div class="profile-name-line"><h1>{{ $member['username'] }}</h1><span>{{ $member['group_name'] ?: $member['role'] }}</span></div><p>{{ $member['currently_online']?'Online now':'Last seen '.$member['last_seen_text'] }} · Joined {{ date('F Y',strtotime($member['joined_at'])) }}</p></div>
        </div>
        <div class="profile-action-row">
          {% if $isOwner %}<a class="btn primary" href="{{ $baseUrl }}/usercp/profile">Edit profile</a>
          {% elseif $currentUser %}
            <form method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/follow"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button class="btn {{ $isFollowing?'secondary':'primary' }}" type="submit">{{ $isFollowing?'Following':'Follow user' }}</button></form>
            {% if $friendState==='none' %}<form method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/friend"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button class="btn secondary" name="action" value="request">Add friend</button></form>{% endif %}
            {% if $friendState==='incoming' %}<form method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/friend"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button class="btn primary" name="action" value="accept">Accept friend</button></form>{% endif %}
            {% if $friendState==='outgoing' %}<button class="btn secondary" disabled>Request sent</button>{% endif %}
            {% if $friendState==='friends' %}<form method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/friend"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button class="btn secondary" name="action" value="remove">Friends ✓</button></form>{% endif %}
            {% if $member['allow_pm'] %}<a class="btn primary" href="{{ $baseUrl }}/messages/compose?to={{ rawurlencode($member['username']) }}">Message</a><a class="btn" href="{{ $baseUrl }}/chat?to={{ rawurlencode($member['username']) }}">Live chat</a>{% endif %}
          {% endif %}
          <a class="btn secondary" href="{{ $baseUrl }}/members">All members</a>
        </div>
      </div>
      <div class="profile-stat-strip"><div><strong>{{ number_format($postCount) }}</strong><span>Posts</span></div><div><strong>{{ number_format($topicCount) }}</strong><span>Threads</span></div><div><strong>{{ number_format($friendCount) }}</strong><span>Friends</span></div><div><strong>{{ number_format($followerCount) }}</strong><span>Followers</span></div><div><strong>{{ number_format($followingCount) }}</strong><span>Following</span></div><div><strong>{{ number_format($reputationTotal) }}</strong><span>Reputation</span></div><div><strong>{{ number_format($member['profile_views']) }}</strong><span>Profile views</span></div><div><strong>{{ date('Y',strtotime($member['joined_at'])) }}</strong><span>Joined</span></div></div>
      <nav class="profile-tabs"><a class="{{ $profileTab==='posts'?'active':'' }}" href="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}?tab=posts">Posts <em>{{ number_format($postCount) }}</em></a><a class="{{ $profileTab==='about'?'active':'' }}" href="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}?tab=about">About</a><a class="{{ $profileTab==='activity'?'active':'' }}" href="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}?tab=activity">Activity</a></nav>
    </div>
  </section>
  <div class="wrap profile-content-grid">
    {% if !$canViewProfile %}<section class="panel private-profile"><i>◉</i><h2>This profile is private</h2><p>The member has limited who can view their profile information and activity.</p></section>{% else %}
    <div class="profile-content-main">
      <section class="panel profile-status-card" id="status-updates">
        <header><div><h2>Status updates</h2><p>Short updates from {{ $member['username'] }}.</p></div><span>{{ count($statusUpdates) }}</span></header>
        {% if $isOwner %}<form class="profile-status-form" method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/status"><input type="hidden" name="_token" value="{{ $csrfToken }}"><textarea name="body" maxlength="500" placeholder="What’s happening? Share a quick update…" required></textarea><div><small>Maximum 500 characters</small><button class="btn primary" type="submit">Post status</button></div></form>{% endif %}
        <div class="status-update-list">{% if $statusUpdates %}{% foreach $statusUpdates as $status %}<article class="status-update"><span class="status-avatar" 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 %}</span><div><header><strong>{{ $member['username'] }}</strong><time>{{ $status['ago'] }}</time></header><p>{{ $status['body'] }}</p>{% if $status['can_delete'] %}<form method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/status/{{ $status['id'] }}/delete"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button type="submit">Remove</button></form>{% endif %}</div></article>{% endforeach %}{% else %}<div class="empty-state">No status updates yet.</div>{% endif %}</div>
      </section>
      {% if $profileTab==='posts' %}<section class="panel profile-feed"><header><div><h2>Recent discussions</h2><p>Topics and replies shared by {{ $member['username'] }}.</p></div></header>{% foreach $topics as $topic %}<a class="profile-feed-item" href="{{ $baseUrl }}/topic/{{ $topic['id'] }}"><span class="profile-feed-icon">#</span><span><b>{{ $topic['title'] }}</b><small>{{ $topic['forum_name'] }} · {{ $topic['last_post_ago'] }}</small></span><em>{{ $topic['reply_count'] }} replies</em></a>{% endforeach %}{% foreach $posts as $post %}<a class="profile-feed-item" href="{{ $baseUrl }}/topic/{{ $post['topic_id'] }}#post-{{ $post['id'] }}"><span class="profile-feed-icon reply">↳</span><span><b>{{ $post['title'] }}</b><small>{{ $post['excerpt'] }} · {{ $post['posted_ago'] }}</small></span></a>{% endforeach %}{% if !$topics && !$posts %}<div class="empty-state">No public activity to display.</div>{% endif %}</section>{% endif %}
      {% if $profileTab==='about' %}<section class="panel profile-about-card"><header><h2>About {{ $member['username'] }}</h2></header><div class="profile-about-copy"><p>{{ $member['bio'] ?: 'This member has not added a biography yet.' }}</p>{% if $member['signature'] %}<blockquote>{{ $member['signature'] }}</blockquote>{% endif %}</div></section>{% endif %}
      {% if $profileTab==='activity' %}<section class="panel profile-feed"><header><div><h2>Activity</h2><p>A chronological look at this member’s recent participation.</p></div></header>{% foreach $activity as $item %}<a class="profile-feed-item" href="{{ $item['url'] }}"><span class="profile-feed-icon {{ $item['kind']==='reply'?'reply':'' }}">{{ $item['kind']==='topic'?'#':'↳' }}</span><span><b>{{ $item['title'] }}</b><small>{{ $item['meta'] }}</small></span><em>{{ $item['ago'] }}</em></a>{% endforeach %}{% if !$activity %}<div class="empty-state">No recent activity to display.</div>{% endif %}</section>{% endif %}

      <section class="panel profile-comments" id="profile-comments">
        <header class="profile-section-title"><div><h2>Profile comments</h2><p>Messages left by community members.</p></div><span>{{ count($comments) }}</span></header>
        {% if $currentUser %}<form class="profile-comment-form" method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/comments"><input type="hidden" name="_token" value="{{ $csrfToken }}"><textarea name="body" maxlength="1000" placeholder="Leave a comment on {{ $member['username'] }}'s profile…" required></textarea><div><small>Be respectful and keep comments on topic.</small><button class="btn primary" type="submit">Post comment</button></div></form>{% else %}<div class="profile-signin-note"><a href="{{ $baseUrl }}/login">Sign in</a> to leave a profile comment.</div>{% endif %}
        <div class="profile-comment-list">{% foreach $comments as $comment %}<article class="profile-comment"><a class="mini-profile-avatar" style="--avatar-color:{{ $comment['avatar_color'] ?: '#7c6cf2' }}" href="{{ $baseUrl }}/members/{{ rawurlencode($comment['username']) }}">{% if $comment['avatar_url'] %}<img src="{{ str_starts_with($comment['avatar_url'],'/')?$baseUrl.$comment['avatar_url']:$comment['avatar_url'] }}" alt="">{% else %}{{ strtoupper(substr($comment['username'],0,1)) }}{% endif %}</a><div><header><a href="{{ $baseUrl }}/members/{{ rawurlencode($comment['username']) }}">{{ $comment['username'] }}</a><time>{{ $comment['ago'] }}</time></header><p>{{ $comment['body'] }}</p>{% if $comment['can_delete'] %}<form method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/comments/{{ $comment['id'] }}/delete"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button type="submit">Remove</button></form>{% endif %}</div></article>{% endforeach %}{% if !$comments %}<div class="empty-state">No profile comments yet.</div>{% endif %}</div>
      </section>
    </div>
    <aside class="profile-content-side">
      <section class="panel profile-side-card"><h3>Profile</h3><p><span>Joined</span><b>{{ date('F Y',strtotime($member['joined_at'])) }}</b></p><p><span>Last seen</span><b class="{{ $member['currently_online']?'online-text':'' }}">{{ $member['currently_online']?'Online now':$member['last_seen_text'] }}</b></p>{% if $member['show_birthday'] && $member['birthday'] %}<p><span>Birthday</span><b>{{ date('F j',strtotime($member['birthday'])) }}</b></p>{% endif %}{% if $member['location'] %}<p><span>Location</span><b>{{ $member['location'] }}</b></p>{% endif %}{% if $member['website'] %}<p><span>Website</span><a href="{{ $member['website'] }}" rel="nofollow noopener">Visit website</a></p>{% endif %}</section>

      <section class="panel social-card" id="reputation"><header><h3>Reputation</h3><strong>+{{ $reputationTotal }}</strong></header>{% if $currentUser && !$isOwner %}<form class="reputation-form" method="post" action="{{ $baseUrl }}/members/{{ rawurlencode($member['username']) }}/reputation"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input name="comment" maxlength="255" placeholder="Optional reason"><button class="btn secondary" type="submit">{{ $viewerHasReputation?'Update reputation':'Give +1 reputation' }}</button></form>{% endif %}<div class="reputation-list">{% foreach $reputationEntries as $entry %}<div><a class="tiny-avatar" style="--avatar-color:{{ $entry['avatar_color'] ?: '#34d399' }}" href="{{ $baseUrl }}/members/{{ rawurlencode($entry['username']) }}">{% if $entry['avatar_url'] %}<img src="{{ str_starts_with($entry['avatar_url'],'/')?$baseUrl.$entry['avatar_url']:$entry['avatar_url'] }}" alt="">{% else %}{{ strtoupper(substr($entry['username'],0,1)) }}{% endif %}</a><span><b>{{ $entry['username'] }}</b><small>{{ $entry['comment'] ?: 'Positive reputation' }} · {{ $entry['ago'] }}</small></span><em>+{{ $entry['score'] }}</em></div>{% endforeach %}{% if !$reputationEntries %}<p class="social-empty">No reputation received yet.</p>{% endif %}</div></section>

      <section class="panel social-card"><header><h3>Friends</h3><strong>{{ $friendCount }}</strong></header><div class="friend-grid">{% foreach $friends as $friend %}<a href="{{ $baseUrl }}/members/{{ rawurlencode($friend['username']) }}"><span class="friend-avatar" style="--avatar-color:{{ $friend['avatar_color'] ?: '#ec6da5' }}">{% if $friend['avatar_url'] %}<img src="{{ str_starts_with($friend['avatar_url'],'/')?$baseUrl.$friend['avatar_url']:$friend['avatar_url'] }}" alt="">{% else %}{{ strtoupper(substr($friend['username'],0,1)) }}{% endif %}{% if $friend['currently_online'] %}<i></i>{% endif %}</span><small>{{ $friend['username'] }}</small></a>{% endforeach %}{% if !$friends %}<p class="social-empty">No friends to display.</p>{% endif %}</div></section>

      {% if $currentUser && !$isOwner %}<section class="panel social-card"><header><h3>Mutual friends</h3><strong>{{ count($mutualFriends) }}</strong></header><div class="mutual-list">{% foreach $mutualFriends as $friend %}<a href="{{ $baseUrl }}/members/{{ rawurlencode($friend['username']) }}"><span class="tiny-avatar" style="--avatar-color:{{ $friend['avatar_color'] ?: '#58a6ff' }}">{% if $friend['avatar_url'] %}<img src="{{ str_starts_with($friend['avatar_url'],'/')?$baseUrl.$friend['avatar_url']:$friend['avatar_url'] }}" alt="">{% else %}{{ strtoupper(substr($friend['username'],0,1)) }}{% endif %}{% if $friend['currently_online'] %}<i></i>{% endif %}</span><b>{{ $friend['username'] }}</b><em class="{{ $friend['currently_online']?'online-text':'' }}">{{ $friend['currently_online']?'Online':'Offline' }}</em></a>{% endforeach %}{% if !$mutualFriends %}<p class="social-empty">No mutual friends yet.</p>{% endif %}</div></section>{% endif %}

      <section class="panel profile-side-card"><h3>Quick actions</h3>{% if $isOwner %}<a class="profile-side-action" href="{{ $baseUrl }}/usercp/profile">Update profile <span>›</span></a><a class="profile-side-action" href="{{ $baseUrl }}/usercp/privacy">Privacy settings <span>›</span></a>{% elseif $currentUser && $member['allow_pm'] %}<a class="profile-side-action" href="{{ $baseUrl }}/messages/compose?to={{ rawurlencode($member['username']) }}">Send private message <span>›</span></a>{% endif %}<a class="profile-side-action" href="{{ $baseUrl }}/members">Browse members <span>›</span></a></section>
    </aside>
    {% endif %}
  </div>
</main>
{% include 'public/partials/footer.html' %}