{% extends "sora/layout.html" %}
{% load i18n %}
{% load humanize %}
{% load url from future %}
{% import "_forms.html" as form_theme with context %}
{% import "sora/macros.html" as macros with context %}

{% block title %}{{ macros.page_title(profile.username) }}{% endblock %}

{% block content %}
<div class="page-header profile-header header-tabbed">
  <div class="avatar-height">
    <img src="{{ profile.get_avatar() }}" class="avatar pull-left" alt="{% trans %}Member Avatar{% endtrans %}" title="{% trans %}Member Avatar{% endtrans %}">
    <div class="pull-left">
      <h1>{{ profile.username }} <small>{% trans last_visit=profile.last_date|reltimesince|low %}Last seen {{ last_visit }}{% endtrans %}</small></h1>
      <p class="lead">{% if profile.title or profile.rank.title %}{% if profile.title %}{{ _(profile.title) }}{% elif profile.rank.title %}{{ _(profile.rank.title) }}{% endif %}; {% endif %}<span class="muted">{% trans joined=profile.join_date|reldate|low %}Member since {{ joined }}{% endtrans %}</span></p>
    </div>
  </div>	
  <ul class="nav nav-tabs">
    <li><a href="#">Last Posts</a></li>
    <li class="active"><a href="#">Following</a></li>
    <li><a href="#">Followers</a></li>
    <li><a href="#">Profile Summary</a></li>
  </ul>
</div>

<p class="lead">WORK IN PROGRESS</p>

{% endblock %}