{% extends 'trosnoth/base.html' %}
{% load static %}
{% block head %}
  <title>{{ settings.serverName }} :: {{ trosnothUser.nick }}</title>
{% endblock %}

{% block main %}
  <div id="container">
    <h1><a href="/">{{ settings.serverName }}</a></h1>
    <h2>Player profile for {{ trosnothUser.nick }}
      ({{ trosnothUser.user.username }})</h2>
    <p>Last login: {{ trosnothUser.lastSeen }}</p>
    <h3>Achievements unlocked: {{ unlocked|length }}</h3>
      {% for ach in unlocked %}
        <div class="achievement" title="{{ ach.description }}">
          <img src="{% static 'trosnoth/achievements/'|add:ach.imageId|add:'.png' %}"
            title="{{ ach.description}}">
          <div class="achievement_name">{{ ach.name }}</div>
          <div class="achievement_description">{{ ach.description }}</div>
        </div>
      {% endfor %}
    <h3>Still locked:</h3>
      {% for ach in locked %}
        <div class="achievement" title="{{ ach.description }}">
          <div class="achievement_name">{{ ach.name }}</div>
          <div class="achievement_description">{{ ach.description }}</div>
        </div>
      {% endfor %}
  </div>
{% endblock %}
