{% extends "misago/base.html" %}
{% load i18n misago_avatars %}


{% block title %}{{ profile }}: {{ active_page.name }} {% if page_number > 1 %}({% blocktrans with page=page_number %}Page {{ number }}{% endblocktrans %}) {% endif %}| {{ block.super }}{% endblock title %}


{% block meta-description %}{% blocktrans trimmed with user=profile joined_on=profile.joined_on|date %}
{{ user }} is member since {{ joined_on }}.
{% endblocktrans %}{% endblock meta-description %}


{% block content %}
<div class="user-profile {% if profile.rank.css_class %}profile-{{ profile.rank.css_class }}{% endif %}">
  <div class="page-header profile-header">
    <div class="container">
      <div class="row">
        <div class="col-md-9 col-md-offset-3">

          {% include "misago/profile/header.html" %}

        </div>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-md-3 profile-side">

        {% include "misago/profile/side.html" %}

      </div>
      <div class="col-md-9">

        {% block page %}{% endblock page %}

      </div>
    </div>
  </div>
</div>
<div id="reply-form-placeholder"></div>
{% endblock content %}


{% block javascripts %}
{% include "misago/modusers/mod_js.html" %}
<script type="text/javascript">
  $(function() {

    {% if profile.acl_.can_have_attitude %}
    $('.dynamic-button').submit(function() {
      var $form = $(this);
      var $button = $form.find('button');
      $.post($form.attr('action'), $form.serialize(), function(data) {
        Misago.Alerts.success(data.message);
        if (data.is_following) {
          $button.addClass('active');
        } else {
          $button.removeClass('active');
        }
      });
      return false;
    });
    {% endif %}

    {% if can_message %}
    $('.btn-message').click(function() {

      Misago.Posting.load({
        api_url: "{% url 'misago:start_private_thread' %}",
        on_load: function() {
          var participants = new Misago.Participants($('.thread-participants-input'));
          participants.add_user({
            username: "{{ profile.username }}",
            avatar: {30: "{{ profile|avatar:30 }}"}
          })
        }
      });

    });
    {% endif %}

  });
</script>
{% endblock javascripts %}