{% load static %}
{% load bloonsa_game_tags %}

<link rel="stylesheet" type="text/css" media="screen" href="{% static 'bloonsa_game/css/profilebox.css' %}"/>

<div id="profile-box">
  <div id="avatar-box">
    <img id="avatar" src="{{ user.player.avatar.url }}" height=64px width=64px>
  </div>

  <div id="profile-user">
    <div id="profile-username">{{ user }}</div>
    <div id="profile-plays">
      <object data="{% static 'bloonsa_game/img/levelinfo/plays.svg' %}"
              class="level-plays-img filter-grey"
              id="profile-plays-img"
              type="image/svg+xml"></object>
      <span id="profile-plays-number">{{ user.player.bloonsa_levels_played_count }}</span>
      <span id="profile-plays-separator"> / </span>
      <span id="profile-plays-max">{% bloonsa_total_levels %}</span>
    </div>
    <div id="profile-clears">
      <object data="{% static 'bloonsa_game/img/levelinfo/wins.svg' %}"
                    class="level-wins-img filter-orange"
                    id="profile-clears-img"
                    type="image/svg+xml"></object>
      <span id="profile-clears-number">{{ user.player.bloonsa_levels_beaten_count }}</span>
      <span id="profile-clears-separator"> / </span>
      <span id="profile-clears-max">{% bloonsa_total_levels %}</span>
    </div>

  </div>
  <div id="profile-buttons">
    <form action="/users/config">
      <input id="profile-settings-button" type="submit" value="config" />
    </form>
    <form action="/users/logout">
      <input id="profile-logout-button" type="submit" value="logout" />
    </form>
  </div>
</div>