{% extends 'base.html' %}
{% block title %}{{ thread.subject }}{% endblock %}
{% block content %}
<p><a href="{{ url_for('imageboard.catalog') }}">RETURN TO CATALOG</a></p>
<article class="terminal-card imageboard-post"><div class="bulletin-meta"><span>#{{ thread.id }}</span><strong>{{ thread.username }} - [{{ thread.callsign }}]</strong><time datetime="{{ thread.created_at }}">{{ thread.created_at }} UTC</time>{% if thread.pinned %}<span>PINNED</span>{% endif %}{% if thread.locked %}<span>LOCKED</span>{% endif %}</div><h1>{{ thread.subject }}</h1><a href="{{ url_for('imageboard.media',name=thread.image_name) }}" target="_blank" rel="noopener"><img class="imageboard-thumb" src="{{ url_for('imageboard.media',name=thread.thumb_name) }}" alt="Image attached to {{ thread.subject }}"></a>{% if thread.body %}<div class="message-body">{{ thread.body }}</div>{% endif %}
{% if can_moderate %}<details class="moderation-actions"><summary>Thread moderation</summary>{% for action,label in [('unpin' if thread.pinned else 'pin','UNPIN' if thread.pinned else 'PIN'),('unlock' if thread.locked else 'lock','UNLOCK' if thread.locked else 'LOCK'),('delete','DELETE THREAD')] %}<form method="post" action="{{ url_for('imageboard.moderate_thread',thread_id=thread.id) }}" {% if action=='delete' %}data-confirm="Delete this thread and all replies?"{% endif %}><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><input type="hidden" name="action" value="{{ action }}"><button class="{{ 'danger' if action=='delete' else 'secondary' }}">{{ label }}</button></form>{% endfor %}</details>{% endif %}</article>
<section class="replies"><h2>{{ replies|length }} {{ 'REPLY' if replies|length==1 else 'REPLIES' }}</h2>{% for reply in replies %}<article class="terminal-card message reply imageboard-post" id="reply-{{ reply.id }}"><div class="bulletin-meta"><span>#{{ reply.id }}</span><strong>{{ reply.username }} - [{{ reply.callsign }}]</strong><time datetime="{{ reply.created_at }}">{{ reply.created_at }} UTC</time></div>{% if reply.image_name %}<a href="{{ url_for('imageboard.media',name=reply.image_name) }}" target="_blank" rel="noopener"><img class="imageboard-thumb" src="{{ url_for('imageboard.media',name=reply.thumb_name) }}" alt="Image attached to reply {{ reply.id }}" loading="lazy"></a>{% endif %}{% if reply.body %}<div class="message-body">{{ reply.body }}</div>{% endif %}{% if can_moderate %}<details class="moderation-actions"><summary>Reply moderation</summary><form method="post" action="{{ url_for('imageboard.delete_reply',reply_id=reply.id) }}" data-confirm="Delete this reply?"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><button class="danger">DELETE REPLY</button></form></details>{% endif %}</article>{% endfor %}</section>
{% if not thread.locked %}<section class="terminal-card reply-box" id="reply-form"><h2>Post reply</h2><form method="post" action="{{ url_for('imageboard.reply',thread_id=thread.id) }}" enctype="multipart/form-data" class="form-grid"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><label>Message<textarea name="body" maxlength="5000" rows="5"></textarea></label><label>Image (optional)<input type="file" name="image" accept="image/png,image/jpeg,image/gif,image/webp"><small>Maximum 10 MB. A message or image is required.</small></label><button>POST REPLY</button></form></section>{% else %}<p class="terminal-card">This thread is locked.</p>{% endif %}
<section class="terminal-card"><h2>Report imageboard content</h2><form method="post" action="{{ url_for('reports.create_report') }}" class="form-grid"><input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"><label>Content<select name="target" required><option value="imageboard_thread:{{ thread.id }}">Thread #{{ thread.id }}</option>{% for reply in replies %}<option value="imageboard_reply:{{ reply.id }}">Reply #{{ reply.id }} by {{ reply.username }}</option>{% endfor %}</select></label><label>Reason<input name="reason" minlength="10" maxlength="500" required></label><button>REPORT</button></form></section>
{% endblock %}