{% if memberships.is_empty() %}
<div class="content-section">
    <p class="muted">You haven't joined any forum communities yet.</p>
    {% if !mt_base_url.is_empty() %}
    <p class="mt-4">
        <a href="{{ mt_base_url }}" class="btn-primary btn-link">Browse Communities</a>
    </p>
    {% endif %}
</div>
{% else %}
<div class="content-section">
    <p class="form-hint mb-5">Your memberships across <a href="{{ mt_base_url }}">Multithreaded</a> forum communities.</p>
    <div class="scroll-x">
    <table class="data-table">
        <thead>
            <tr>
                <th>Community</th>
                <th>Role</th>
                <th>Posts</th>
                <th>Joined</th>
            </tr>
        </thead>
        <tbody>
            {% for m in memberships %}
            <tr>
                <td><a href="{{ m.profile_url }}">{{ m.community_name }}</a></td>
                <td><span class="badge">{{ m.role }}</span></td>
                <td>{{ m.post_count }}</td>
                <td>{{ m.joined }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
</div>
{% endif %}