{% extends "base.html" %}
{% load i18n %}
{% load account %}
{% load gravatar %}

{% block pageTitle %}{{ user.username }}{% endblock %}

{% block style %}
    <style>
        #userProfile .gravatar { float: left; margin-right: 20px; margin-top: 20px; border: 1px solid black; box-shadow: 0px 0px 25px 0px; }
        #userProfile .gravatar-profile { display: block; margin-top: 10px; }
    </style>
{% endblock %}

{% block content %}
    <div id="userProfile" class="container">
        {% gravatar profileUser.email 150 %}
        <h1>{% user_display profileUser %}</h1>
        <p>
            {{ profileUser.first_name }} {{ profileUser.last_name }}
        </p>

        {% if profileUser == user %}
            <a href="{% url "account_profile_edit" %}" id="edit-profile" class="btn btn-default">{% trans "Edit Profile" %}</a>
            <a class="gravatar-profile" href="{% gravatar_profile_url user %}">Gravatar <span class="glyphicon glyphicon-link"></span></a>
        {% endif %}
    </div>
{% endblock %}