{% extends "newbase.html" %}

{% block title %}Messages{% endblock %}

{% block main %}

<ul class="main-content">
  <p>
    <li class="grid_4">
      <a href="/rowers/me/messages/delete/">
	<i class="fas fa-trash fa-fw"></i>
	Remove all messages
      </a>
    </li>
  </p>
</ul>

  <h1>{{ rower.user.first_name }}'s New Messages</h1>


<ul class="main-content">
  {% for usermessage in usermessages %}
  {% if not usermessage.isread %}
  <li class="rounder">
    <h2>{{ usermessage.subject }}</h2>
    <p><em>{{ usermessage.datetime }}</em></p>
    <p>
      {{ usermessage.text|safe }}
    </p>
    {% if request.user.rower == usermessage.receiver %}
    <p>
      <a href="/rowers/me/messages/{{ usermessage.id }}/delete/">
	<i class="fas fa-trash-alt fa-fw"></i>
      </a>
      <a href="/rowers/me/messages/{{ usermessage.id }}/markread/">
	<i class="fas fa-check fa-fw"></i>
      </a>
    </p>
  </li>
  {% endif %}
  {% endif %}
  {% endfor %}
</ul>

<h1>{{ rower.user.first_name }}'s Previous Messages</h1>

<ul class="main-content">
  {% for usermessage in usermessages %}
  {% if usermessage.isread %}
  <li class="rounder">
    <h2>{{ usermessage.subject }}</h2>
    <p><em>{{ usermessage.datetime }}</em></p>
    <p>
      {{ usermessage.text|safe }}
    </p>
    {% if request.user.rower == usermessage.receiver %}
    <p>
      <a href="/rowers/me/messages/{{ usermessage.id }}/delete/">
	<i class="fas fa-trash-alt fa-fw"></i>
      </a>
    </p>
  </li>
  {% endif %}
  {% endif %}
  {% endfor %}
</ul>

{% endblock %}

{% block sidebar %}
{% include 'menu_profile.html' %}
{% endblock %}