{% extends 'layouts/index.html' %}

{% block content %}
    <div class="profile-title">
        <span class="profile-username">{{ user.name }}</span>
        {% if current_user.is_admin or current_user.id == user.id %}
            <a href="{{ url_for('main.edit_user', username=current_user.username) }}"><i class="fas fa-pencil-alt fa-sm" style="padding-bottom: 3px; padding-left: 0.5em;"></i></a>
        {% endif %}
        {% with seen_text = user.get_last_seen() %}
            {% if seen_text == 'Online now!' %}
                <span class="profile-timestamp online">{{ seen_text }}</span>
            {% else %}
                <span class="profile-timestamp offline" title="{{ user.last_seen }}">{{ seen_text }}</span>
            {% endif %}
        {% endwith %}
    </div>
    <div class="profile-lower">
        <div class="profile-left">
            <img class="profile-picture" src="{{ url_for('static', filename='default_photo.png') }}"
                 alt="{{ user.username }}'s Profile Picture">
            <div class="profile-details">
                <span title="{{ user.time_registered }}">Registered {{ user.get_registration_delta() }} ago</span><br>
                {#                0 likes<br>#}
                {% with post_count = user.get_post_count() %}
                    {{ post_count }} post{% if post_count > 1 %}s{% endif %}<br>
                {% endwith %}
            </div>
        </div>
        <div class="profile-bio">
            <p>
                <strong>About me:</strong><br>
                {{ user.about_me or "This user hasn't written a bio yet." }}
            </p>
        </div>
    </div>
{% endblock %}