{% extends "site_base.html" %}

{% load i18n %}
{% load avatar_tags %}

{% block title %}{% trans "Message Inbox" %} — {{ block.super }}{% endblock %}

{% block body %}
<div class="row">
  <div class="col-md-12">
    <h2 class="page-title">{%  trans "Messages" %}</h2>
    <div class="row">
      <div class="col-md-12">
        <ul class="nav nav-tabs">
          <li class="active"><a href="#inbox" data-toggle="tab"><i class=""></i>{% trans "Inbox" %}</a></li>
          <li><a href="#all" data-toggle="tab"><i class=""></i> {% trans "All" %}</a></li>
        </ul>
        <div class="tab-content">
          <article id="inbox" class="tab-pane active">
            {% with threads_unread as threads %}
                {% include "user_messages/_message_snippet.html" %}
            {% endwith %}
          </article>
          <article id="all" class="tab-pane">
            {% with threads_all as threads %}
                {% include "user_messages/_message_snippet.html" %}
            {% endwith %}
          </article>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}

{% block sidebar %}
<a href="{% url "message_create" %}" class="btn btn-primary" type="button">{% trans "Create Message" %}</a>
{% endblock %}
