{% extends "base.html" %}
{% load i18n comments %}

{% block title %}{{ membership.first_name }} {{membership.last_name}}{% endblock %}

{% block maincontent %}
<h2 class="grid_12">{% trans 'profile for' %} {{membership.user.username|title}}</h2>
{% if membership.profile %}
 <img class="grid_3" src="{{membership.profile.url}}" alt="{% trans 'Profile Image' %}" />
{% else %}
 <div class="grid_3"> Noch kein Foto hoch geladen</div>
{% endif %}

<div class="grid_6">
 <ul>
  <li><strong>Name:</strong> {{membership.first_name}} {{membership.last_name}}</li>
  <li><strong>{% trans "Member Since" %}:</strong> {{membership.user.date_joined}}</li>
  <li><strong>{% trans "Last Login" %}:</strong> {{membership.user.last_login}}</li>
  {% if website %}<li><strong>Homepage:</strong> <a href="{{website}}">{{website}}</a></li>{% endif %}
 </ul>
{% if kyu_dan_ranking %}
 <h3>Mahjong</h3>
 <ul>
  {% if kyu_dan_ranking.dan %}
  <li><strong>{{kyu_dan_ranking.dan}}. Dan: </strong> {{ kyu_dan_ranking.dan_points }} {% trans 'Points' %}</li>
  {% elif  kyu_dan_ranking.kyu%}
  <li><strong>{{kyu_dan_ranking.kyu}}. Kyu: </strong> {{ kyu_dan_ranking.kyu_points }} {% trans 'Points' %}</li>
  {% endif %}
  <li><strong>{% trans 'Games Total' %}: </strong> {{ kyu_dan_ranking.hanchan_count }} Hanchans - {{kyu_dan_ranking.won_hanchans }} {% trans 'Won' %} / {{ kyu_dan_ranking.good_hanchans }} {% trans 'Good' %}</li>
  <li><strong>{% trans 'Current Season' %}: </strong> {{ ladder_ranking.hanchan_count }} Hanchans - {{ ladder_ranking.won_hanchans }} {% trans 'Won' %} / {{ ladder_ranking.good_hanchans }} {% trans 'Good' %} </li>
 </ul>
{% endif %}
</div>

{% ifequal membership.user user %}
<div class="grid_3">
  <a href="{% url 'membership-edit' membership.user.username %}" class="button">
   <img src="{{STATIC_URL}}icons/user_edit.png" alt="{% trans 'Edit Userprofile' %}" width="16" height="16"/>
   {% trans "Edit Profile" %}
  </a>
  <a href="{% url 'password_change' %}" class="button">
   <img src="{{STATIC_URL}}icons/lock_edit.png" alt="{% trans 'Change Password' %}" width="16" height="16"/>
   {% trans 'Change Password' %}
  </a>
  <a class="button" href="{% url 'social:begin' 'facebook' %}" rel="nofollow">
  <img src="{{STATIC_URL}}img/facebook.png" alt="{% trans 'Associate' %}" width="26" height="26"/>
  {% blocktrans with 'Facebook' as name %}Associate with {{ name }}{% endblocktrans %}
  </a>
  <a class="button" href="{% url 'social:begin' 'twitter' %}" rel="nofollow">
  <img src="{{STATIC_URL}}img/twitter.png" alt="{% trans 'Associate' %}" width="26" height="26"/>
  {% blocktrans with 'Twitter' as name %}Associate with {{ name }}{% endblocktrans %}
  </a>
  <a class="button" href="{% url 'social:begin' 'google-oauth2' %}" rel="nofollow">
  <img src="{{STATIC_URL}}img/google.png" alt="{% trans 'Associate' %}" width="26" height="26"/>
  {% blocktrans with 'Google' as name %}Associate with {{ name }}{% endblocktrans %}
  </a>

</div>
{% endifequal %}

{% block score_list %}
{% if kyu_dan_ranking %}
<ul class="tabs grid_12">
 <li><a href="{% url 'player-ladder-score' membership.user.username %}">{% trans "Ladder Hanchans" %}</a></li>
 <li><a href="{% url 'player-kyu-score' membership.user.username %}">{% trans "Kyu Hanchans" %}</a></li>
 <li><a href="{% url 'player-dan-score' membership.user.username %}">{% trans "Dan Hanchans" %}</a></li>
 <li><a href="{% url 'player-ladder-score' membership.user.username %}">{% trans "Invalid Hanchans" %}</a></li>
</ul>
{% endif %}
{% endblock %}

{% if membership %}
{% render_comment_list for membership %}
{% render_comment_form for membership %}
{% endif %}
{% endblock %}

{% block buttonbar%}{%endblock%}