{% extends "base" %}
{% import "macros" as macros %}

{% block title %}
{% if user.display_name %}
    {% set name = user.display_name %}
{% else %}
    {% set name = user.username %}
{% endif %}

{{ name }}
{% endblock title %}

{% block content %}
    <div>
        <h1>
            {{ name }}
            {% if user.is_admin %}
                <span class="badge">Admin</span>
            {% endif %}
            
            {% if is_self %}
                <span class="badge">It is you</span>
            {% endif %}
        </h1>

        {% if is_self %}
            <a href="edit" class="button inline-block">Edit your profile</a>
        {% endif %}

        {% if is_remote %}
            <a class="inline-block button" href="{{ user.ap_url }}">Open on {{ instance_url }}</a>
        {% endif %}

        {% if not is_self and account %}
            {% if follows %}
                <a href="follow/" class="inline-block button">Follow</a>
            {% else %}
                <a href="follow/" class="inline-block button">Unfollow</a>
            {% endif %}
        {% endif %}
    </div>

    <div>
        <a href="followers/">{{ n_followers }} follower{{ n_followers | pluralize }}</a>
    </div>

    <div>
        {{ user.summary | safe }}
    </div>

    {% if recents | length != 0 %}    
        <h2>Latest articles</h2>
        <div class="cards">
            {% for article in recents %}
                {{ macros::post_card(article=article) }}
            {% endfor %}
        </div>
    {% endif %}

    {% if reshares | length != 0 %}
        <h2>Recently reshared</h2>
        <div class="cards">
            {% for article in reshares %}
                {{ macros::post_card(article=article) }}
            {% endfor %}
        </div>
    {% endif %}
{% endblock content %}