{% extends 'base.html' %}{% block content %}<div class="section-heading"><h1>Inbox</h1><a class="button primary" href="/inbox/compose/">Send message</a></div><p>Private messages and system notifications.</p><nav class="inbox-tabs"><a href="?folder=all" {% if folder == 'all' %}aria-current="page"{% endif %}>Received</a><a href="?folder=unread" {% if folder == 'unread' %}aria-current="page"{% endif %}>Unread · {{ unread_count }}</a><a href="?folder=read" {% if folder == 'read' %}aria-current="page"{% endif %}>Read</a><a href="?folder=sent" {% if folder == 'sent' %}aria-current="page"{% endif %}>Sent</a></nav>{% if folder != 'sent' %}<form method="post" action="/inbox/mark-all-read/">{% csrf_token %}<button>Mark all as read</button></form>{% endif %}{% for item in page %}<section class="card {% if not item.read_at and folder != 'sent' %}message-unread{% endif %}"><h2><a href="/inbox/message/{{ item.pk }}/">{{ item.title }}</a>{% if not item.read_at and folder != 'sent' %} · Unread{% endif %}</h2><p>{{ item.created_at }} · {% if folder == 'sent' %}To {{ item.recipient.username }} · {{ item.read_at|yesno:'Read,Unread' }}{% else %}From {{ item.sender_name|default:'System' }}{% endif %}{% if item.lab %} · {{ item.lab.name }}{% endif %}</p><p>{{ item.body|truncatechars:180 }}</p>{% if folder != 'sent' %}<form method="post" action="/inbox/{{ item.pk }}/read/">{% csrf_token %}{% if item.read_at %}<button name="state" value="unread">Mark unread</button>{% else %}<button name="state" value="read">Mark read</button>{% endif %}</form>{% endif %}</section>{% empty %}<p>No messages in this folder.</p>{% endfor %}<p>Page {{ page.number }} / {{ page.paginator.num_pages }}</p>{% if page.has_previous %}<a href="?folder={{ folder }}&page={{ page.previous_page_number }}">Previous</a>{% endif %}{% if page.has_next %}<a href="?folder={{ folder }}&page={{ page.next_page_number }}">Next</a>{% endif %}{% endblock %}