{% extends 'base.html' %}
{% block title %}Direct Chat{% endblock %}
{% block content %}
<section class="terminal-card live-chat" data-live-chat data-direct-peer="{{ peer.id }}" data-messages-url="{{ url_for('chat.direct_messages',user_id=peer.id) }}">
  <p class="eyebrow">DIRECT CHAT / {{ peer.username }} - [{{ peer.callsign }}]</p>
  <h1>{{ peer.username }}</h1>
  <p class="muted">Temporary private channel. Traffic is erased when either connection ends. <a href="{{ url_for('users.profile',user_id=peer.id) }}">Report this user</a> if needed.</p>
  <div class="chat-log" data-chat-log role="log" aria-live="polite" aria-label="Direct messages with {{ peer.username }}"><p class="muted" data-chat-empty>Loading messages...</p></div>
  <form class="chat-compose" data-chat-form>
    <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}">
    <label>Transmit privately as {{ g.user.username }} - [{{ g.user.callsign }}]<textarea name="body" maxlength="1000" rows="3" required></textarea><small>Press Enter to send. Shift+Enter starts a new line.</small></label>
    <button>SEND</button><span class="chat-error" data-chat-error aria-live="polite"></span>
  </form>
</section>
{% endblock %}