{% extends "base.html" %}

{% block title %}Flasky - {{ user.username }}{% endblock %}

{% block page_content %}
    <div class="page-header">
        <img class="img-rounded profile-thumbnail" src="{{ user.gravatar(size=256) }}">
        <div class="profile-header">
        <h1>{{ user.username }}</h1>
            {% if user.name or user.location %}
                <p>
                {% if user.name %}
                    {{ user.name }}{% endif %}
                {% if user.location %}from
                    <a href="https://maps.google.com/?q={{ user.location }}">
                    {{ user.location }}</a>
                {% endif %}
                </p>
            {% endif %}
            {% if user.is_administrator %}
                <p><a href="mailto:{{ user.email }}">{{ user.email }}</a></p>
            {% endif %}
            {% if user.about_me %}
                <p>{{ user.about_me }}</p>
            {% endif %}
            <p>
                Member since {{ moment(user.member_since).format('L') }}.
                Last seen {{ moment(user.last_seen).fromNow() }}.
                <p>{{ user.posts.count() }} blog post{% if user.posts.count() > 1 %}s{% endif %}.</p>
            </p>
            <p>
                {% if user == current_user %}
                    <a class="btn btn-default" href="{{ url_for('.edit_profile') }}">Edit Profile</a>
                {% endif %}
                {% if current_user.is_administrator %}
                    <a class="btn btn-danger" href="{{ url_for('.edit_profile_admin', id=user.id) }}">Edit  Profile [Admin]</a>
                {% endif %}
            </p>
        </div>
    </div>
    <h3>Posts by {{ user.username }}</h3>
    {% include '_posts.html' %}
{% endblock %}