{% extends "base.html" %}
{% from "auth/_macros.html" import field %}
{% block title %}{{ _('Conversation') }}{% endblock %}
{% block content %}
<div class="conv-wrap">
  <div class="conv-header card">
    <a class="muted small" href="{{ url_for('messaging.inbox') }}">&larr; {{ _('Inbox') }}</a>
    <h3>{{ conv.listing.title }}</h3>
    <span class="muted small">{{ _('with') }} {{ other.display_name }}</span>
    {% if not reveal %}
    <p class="mask-notice muted small">
      {{ _('Phone numbers, emails, and links are hidden until your account is trusted. Verify your email and build trust to unlock contact info.') }}
    </p>
    {% endif %}
  </div>

  <div class="thread">
    {% for msg, body in masked_messages %}
      <div class="bubble {{ 'mine' if msg.sender_id == current_user.id else 'theirs' }}">
        <div class="bubble-body">{{ body | replace('\n','<br>') | safe }}</div>
        <div class="bubble-meta muted small">
          {{ msg.sender.display_name }} · {{ msg.created_at.strftime('%b %d %H:%M') }}
          {% if msg.sender_id == current_user.id and msg.is_read %}· {{ _('Read') }}{% endif %}
        </div>
      </div>
    {% endfor %}
  </div>

  <div class="reply-box card">
    <form method="post" novalidate>
      {{ form.hidden_tag() }}
      {{ field(form.body) }}
      {{ form.submit(class="btn") }}
    </form>
  </div>
</div>
{% endblock %}