{% extends 'messages/messages_base.html' %}
{% load static from staticfiles %}
{% block messages_content %}
<h3>Inbox <small>{{ inbox_pct }}% used</small></h3>
<p>
This is your inbox. It contains messages sent to you by others. Messages in <strong>bold</strong> are unread.
Messages in <em>italics</em> indicate you have replied to the message.
</p>
{% if page.object_list %}
   {% include "core/v3/pagination.html" %}
   <form action="{% url 'messages-bulk' %}" method="post">{% csrf_token %}
   <table class="sg101-stack">
   <thead>
   <tr>
      <th>From</th>
      <th>Subject</th>
      <th>Date</th>
      <th><input type="checkbox" onclick="tabMasterCheckClick(this, 'pm_ids');" /></th>
   </tr>
   </thead>
   {% for msg in page.object_list %}
   <tr>
      <td><a href="{% url 'bio-view_profile' msg.sender.username %}">
         {{ msg.sender.username }}</a></td>
      <td>
         <a href="{% url 'messages-view' msg.pk %}"
            class="{% if msg.unread %}unread {% endif %}{% if msg.replied_to %}replied_to{% endif %}">{{ msg.subject }}</a>
         </td>
      <td>{{ msg.send_date|date:"M j, Y g:i A" }}</td>
      <td><input type="checkbox" name="pm_ids" value="{{ msg.id }}" /></td>
   </tr>
   {% endfor %}
   </table>
   <input type="hidden" name="src" value="inbox" />
   <input type="hidden" name="page" value="{{ page.number }}" />
   <div class="row">
      <div class="columns">
         <input type="submit" name="action" value="Email Checked Messages"
            class="secondary button" onclick="return bulkMsgAction('email');" />
         <input type="submit" name="action" value="Delete Checked Messages"
            class="alert button" onclick="return bulkMsgAction('delete');" />
      </div>
   </div>
   </form>
   {% include "core/v3/pagination.html" %}
{% else %}
   <p><em>Your Inbox is empty.</em></p>
{% endif %}
{% include 'messages/usage_graph.html' with pct_used=inbox_pct box_name='inbox' %}
{% endblock %}
{% block custom_js %}
<script src="{% static "js/messages.js" %}"></script>
{% endblock %}