{% extends "base.html" %}

{% block bodyclass %}user{% endblock %}

{% block title %}{{ user["DisplayName"] }}{% endblock %}

{% block body %}
  <div class="row">
    <h2 class="title">{{ user["DisplayName"] }}</h2>
  </div>
  <div class="row">
    <div class="col-md-3">
      <div> 
        <img src="../static/identicon/{{ user["Id"] }}.png" style="width:164px; height:164px;" /> 
      </div> 
      <p class="reputation"><span>{{ user["Reputation"] | intspace }}</span> reputation</p>
    </div>
    <div class="col-md-4">
      <div>{{ user["AboutMe"] }}</div>
    </div>
    <div class="row col-md-3">
      <div class="row">
        {% if user["WebsiteUrl"] %}<p><a href="{{ user["WebsiteUrl"] }}">{{ user["WebsiteUrl"] }}</a></p>{% endif %}
        <p>member since <span class="date" title="{{ user["CreationDate"] }}">{{ user["CreationDate"] }}</span></p>
        <p>{{ user["Views"] | intspace }} profile views</p>
      </div>
    </div>
  </div>
  {% if user["badges"] %}
  <div class="tags">
    <h3> Badges </h3>
    <ul>
    {% for tag in user["badges"] %}
      <li>{{ tag }} ({{ user["badges"][tag] }} times)</li>
    {% endfor %}
    </ul>
  </div>
  {% endif %}
  <script src="{{ rooturl }}/static/main.js"></script>  
  <div id="footer">This user page is issued from <a href="{{ site_url }}/users/{{ user["Id"] }}">{{ site_url }}</a>. The text is available under the <a href="https://creativecommons.org/licenses/by-sa/3.0/"> Creative Commons Attribution/Share Alike </a>.</div>
{% endblock %}
