{% extends "base.html" %}

{% block title %}{{ display_name }} — {{ community_name }} — Multithreaded{% endblock %}

{% block head %}<meta name="description" content="{{ display_name }}'s profile in {{ community_name }}.">{% endblock %}

{% block header %}{% include "partials/site_header.html" %}{% endblock %}

{% block content %}
<div class="container">
    <div class="breadcrumb">
        <a href="/">Forums</a>
        <span class="sep">/</span>
        <a href="/p/{{ community_slug }}">{{ community_name }}</a>
        <span class="sep">/</span>
        <a href="/p/{{ community_slug }}/members">Members</a>
        <span class="sep">/</span>
        {{ display_name }}
    </div>

    <div class="profile-header">
        {% if let Some(url) = avatar_url %}
        <img src="{{ url }}" alt="{{ username }}" class="profile-avatar">
        {% else %}
        <div class="profile-avatar-placeholder">{{ username.chars().next().unwrap_or('?').to_uppercase().next().unwrap_or('?') }}</div>
        {% endif %}
        <div>
            <h2 class="profile-name">{{ display_name }}</h2>
            <div class="text-muted-md">
                @{{ username }}
                <span class="badge badge-role-{{ role }}">{{ role }}</span>
            </div>
            <div class="text-muted-sm">
                Joined {{ joined }} · {{ post_count }} post{% if post_count != 1 %}s{% endif %} · {{ endorsement_count }} endorsement{% if endorsement_count != 1 %}s{% endif %} received
            </div>
        </div>
    </div>

    <h3>Recent Activity</h3>
    {% if activity.is_empty() %}
    <div class="empty-state">No activity yet.</div>
    {% else %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Thread</th>
                <th class="col-role">Type</th>
                <th class="col-activity">When</th>
            </tr>
        </thead>
        <tbody>
            {% for a in activity %}
            <tr>
                <td>
                    <a href="/p/{{ community_slug }}/{{ a.category_slug }}/{{ a.thread_id }}">{{ a.thread_title }}</a>
                    <span class="activity-category"> in {{ a.category_name }}</span>
                </td>
                <td class="col-role">{% if a.is_thread_author %}started{% else %}replied{% endif %}</td>
                <td class="col-activity">{{ a.timestamp }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
</div>
{% endblock %}