{% extends 'base.html' %}
{% load url from future %}
{% load script_tags %}
{% block custom_css %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/messages.css" />
{% endblock %}
{% block custom_js %}
{% script_tags 'jquery-ui' %}
<script type="text/javascript">
//<![CDATA[
   var initialTab = {{ tab }};
   var username = "{{ request.user.username }}";
{% if receiver %}
   var receiver = "{{ receiver }}";
{% else %}
   var receiver = "";
{% endif %}
   var unreadMsgCount = {{ unread_count }};
//]]>
</script>
<script type="text/javascript" src="{{ STATIC_URL }}js/tabbed_messages.js"></script>
{% endblock %}
{% block content %}
<h2>Your Private Messages</h2>

<div id="tabs">
   <ul>
      <li><a href="{% url 'messages-inbox' %}">Inbox</a></li>
      <li><a href="{% url 'messages-compose' %}">Compose</a></li>
      <li><a href="{% url 'messages-outbox' %}">Outbox</a></li>
      <li><a href="{% url 'messages-trash' %}">Trash</a></li>
      <li><a href="{% url 'messages-options' %}">Options</a></li>
   </ul>
</div>

<div id="msgDialog"></div>
{% endblock %}