{% extends "base.html" %}
{% block title %}{{ _('Messages') }}{% endblock %}
{% block content %}
<div class="card">
  <div class="inbox-head">
    <h2>{{ _('Messages') }}</h2>
    {% if unread_total %}<span class="badge-count">{{ unread_total }}</span>{% endif %}
  </div>
  {% if not pagination.items %}
    <p class="muted">{{ _('No conversations yet.') }}</p>
  {% endif %}
  <ul class="conv-list">
    {% for conv in pagination.items %}
      {% set unread = conv.unread_count(current_user) %}
      {% set other = conv.other_party(current_user) %}
      <li class="conv-row {{ 'unread' if unread }}">
        <a href="{{ url_for('messaging.conversation', conv_id=conv.id) }}">
          <div class="conv-meta">
            <span class="conv-who">{{ other.display_name }}</span>
            {% if unread %}<span class="badge-count sm">{{ unread }}</span>{% endif %}
            <span class="conv-time muted small">
              {{ conv.last_message_at.strftime('%b %d') if conv.last_message_at else '' }}
            </span>
          </div>
          <div class="conv-listing muted small">
            {{ _('Re:') }} {{ conv.listing.title[:60] }}
          </div>
          {% if conv.messages %}
          <div class="conv-preview muted small">
            {{ conv.messages[-1].body[:80] }}…
          </div>
          {% endif %}
        </a>
      </li>
    {% endfor %}
  </ul>
  <div class="pager">
    {% if pagination.has_prev %}
      <a href="{{ url_for('messaging.inbox', page=pagination.prev_num) }}">&larr; {{ _('Prev') }}</a>
    {% endif %}
    {% if pagination.has_next %}
      <a href="{{ url_for('messaging.inbox', page=pagination.next_num) }}">{{ _('Next') }} &rarr;</a>
    {% endif %}
  </div>
</div>
{% endblock %}