{% extends "base.html" %}

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

{% block head %}<meta name="description" content="Members of {{ 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>
        Members
    </div>
    <div class="page-header">
        <h2>Members</h2>
    </div>
    {% if members.is_empty() %}
    <div class="empty-state">No members yet.</div>
    {% else %}
    <table class="data-table">
        <thead>
            <tr>
                <th>User</th>
                <th class="col-role">Role</th>
                <th class="col-joined">Joined</th>
            </tr>
        </thead>
        <tbody>
            {% for m in members %}
            <tr>
                <td><a href="/p/{{ community_slug }}/u/{{ m.username }}">{{ m.display_name }}</a></td>
                <td class="col-role"><span class="badge badge-role-{{ m.role }}">{{ m.role }}</span></td>
                <td class="col-joined">{{ m.joined }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
</div>
{% endblock %}