{% include 'public/partials/header.html' %}<main class="wrap page-shell"><div class="breadcrumb"><a href="{{ $baseUrl }}/">HOME</a><span>›</span><a href="{{ $baseUrl }}/forum/{{ $forum['id'] }}">{{ strtoupper($forum['name']) }}</a><span>›</span><span>TOPIC</span></div><section class="page-hero topic-hero"><div><div class="eyebrow">{{ $isQuestion?'Question':'Discussion' }}</div><h1>{% if $topic['prefix_name'] %}<span class="topic-prefix-badge" style="--prefix-color:{{ $topic['prefix_color'] }}">{{ $topic['prefix_name'] }}</span>{% endif %}{{ $topic['title'] }}{% if $topic['solved_post_id'] %}<span class="solved-badge">Solved</span>{% endif %}</h1>{% if $topicTags %}<div class="topic-tag-list">{% foreach $topicTags as $tag %}<a href="{{ $baseUrl }}/search?q={{ urlencode($tag['name']) }}">#{{ $tag['name'] }}</a>{% endforeach %}</div>{% endif %}<p>Started by {{ $topic['author'] }} · {{ $topic['view_count'] }} views · {{ $topic['reply_count'] }} replies</p></div><div class="topic-hero-actions">{% if $currentUser %}<form method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/subscribe"><input type="hidden" name="_token" value="{{ $csrfToken }}"><button class="btn secondary" type="submit">{{ $isSubscribed?'Unwatch topic':'Watch topic' }}</button></form>{% endif %}{% if $currentUser && $canReply %}<a class="btn" href="{{ $baseUrl }}/topic/{{ $topic['id'] }}/reply">Reply to topic</a>{% elseif !$currentUser %}<a class="btn" href="{{ $baseUrl }}/login?next=/topic/{{ $topic['id'] }}">Sign in to reply</a>{% endif %}</div></section>{% if $canModerate %}<section class="panel moderator-console"><div class="moderator-console-head"><div><span class="mod-shield">◆</span><div><strong>Topic moderation</strong><small>Actions are logged to the moderation audit trail.</small></div></div><span class="topic-state-pill">{{ $topic['is_locked']?'Locked':'Open' }} · {{ $topic['is_pinned']?'Pinned':'Standard' }}</span></div><div class="moderator-actions"><form method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/moderate"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="action" value="{{ $topic['is_pinned']?'unpin':'pin' }}"><button class="mod-action" type="submit">{{ $topic['is_pinned']?'Unpin topic':'Pin topic' }}</button></form><form method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/moderate"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="action" value="{{ $topic['is_locked']?'unlock':'lock' }}"><button class="mod-action" type="submit">{{ $topic['is_locked']?'Unlock topic':'Lock topic' }}</button></form><form method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/moderate" class="mod-move-form"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="action" value="move"><select name="target_forum_id" required>{% foreach $moderationForums as $modForum %}<option value="{{ $modForum['id'] }}" {{ $modForum['id']===$forum['id']?'selected':'' }}>{{ $modForum['name'] }}</option>{% endforeach %}</select><button class="mod-action" type="submit">Move</button></form><form method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/moderate" onsubmit="return confirm('Remove this topic from public view?')"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="action" value="delete"><button class="mod-action danger" type="submit">Delete topic</button></form></div></section>{% endif %}{% if $poll %}<section id="poll" class="panel topic-poll-card"><header class="topic-poll-header"><div><span class="poll-kicker">Community poll</span><h2>{{ $poll['question'] }}</h2><p>{{ $poll['poll_type']==='multiple'?'Choose up to '.$poll['max_choices'].' options':'Choose one option' }} · {{ $pollTotalVoters }} voter{{ $pollTotalVoters===1?'':'s' }} · {{ $pollTotalVotes }} vote{{ $pollTotalVotes===1?'':'s' }}</p></div><div class="poll-status {{ $pollClosed?'closed':'open' }}">{{ $pollClosed?'Closed':'Open' }}</div></header>{% if $pollCanView %}<div class="topic-poll-results">{% foreach $pollOptions as $option %}<div class="poll-result-row {{ $option['selected']?'selected':'' }}"><div class="poll-result-label"><span>{{ $option['option_text'] }}{% if $option['selected'] %}<em>Your choice</em>{% endif %}</span><strong>{{ $option['vote_count'] }} · {{ $option['percentage'] }}%</strong></div><div class="poll-result-track"><i style="width:{{ $option['percentage'] }}%"></i></div></div>{% endforeach %}</div>{% else %}<div class="poll-results-hidden"><span>◌</span><div><strong>Results are hidden</strong><p>{{ $pollResultsReason }}</p></div></div>{% endif %}{% if $currentUser && $pollCanVote %}<form method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/poll/vote" class="topic-poll-form"><input type="hidden" name="_token" value="{{ $csrfToken }}"><div class="poll-ballot">{% foreach $pollOptions as $option %}<label><input type="{{ $poll['poll_type']==='multiple'?'checkbox':'radio' }}" name="choice_ids[]" value="{{ $option['id'] }}" {{ $option['selected']?'checked':'' }}><span><i></i>{{ $option['option_text'] }}</span></label>{% endforeach %}</div><footer><span>{% if $pollVoted %}You may update your vote.{% else %}Select your answer and submit your vote.{% endif %}</span><button class="btn" type="submit">{{ $pollVoted?'Update vote':'Submit vote' }}</button></footer></form>{% else %}<footer class="topic-poll-footer">{% if !$currentUser && !$pollClosed %}<span>Sign in to take part in this poll.</span><a class="btn secondary" href="{{ $baseUrl }}/login?next=/topic/{{ $topic['id'] }}%23poll">Sign in to vote</a>{% else %}<span>{{ $pollClosed?'Voting has ended.':($pollVoted?'Your vote has been recorded.':'Voting is unavailable.') }}</span>{% endif %}</footer>{% endif %}{% if $poll['closes_at'] %}<div class="poll-close-note">Poll {{ $pollClosed?'closed':'closes' }} {{ date('M j, Y · g:i A',strtotime($poll['closes_at'])) }}</div>{% else %}<div class="poll-close-note">This poll has no scheduled closing date.</div>{% endif %}</section>{% endif %}<div class="post-stack">{% foreach $posts as $index=>$post %}<article class="post-card" id="post-{{ $post['id'] }}"><aside class="post-author"><div class="profile-avatar" style="background:{{ $post['avatar_color']?:'#f0a500' }}">{% if $post['avatar_url'] %}<img src="{{ str_starts_with($post['avatar_url'],'/')?$baseUrl.$post['avatar_url']:$post['avatar_url'] }}" alt="">{% else %}{{ strtoupper(substr($post['author'],0,1)) }}{% endif %}</div><strong>{{ $post['author'] }}</strong><span>{{ $post['role']?:($index===0?'Topic Author':'Member') }}</span><dl><div><dt>Posts</dt><dd>{{ $post['member_posts']?:0 }}</dd></div><div><dt>Joined</dt><dd>{{ $post['joined_at']?date('Y',strtotime($post['joined_at'])):'—' }}</dd></div></dl></aside><div class="post-content"><header><a href="#post-{{ $post['id'] }}">#{{ $index+1 }}</a><time>{{ date('M j, Y · g:i A',strtotime($post['created_at'])) }}</time><button type="button">•••</button></header><div class="post-copy"><p>{{{ $post['body_html'] }}}</p>{% if $post['attachment_count'] > 0 %}<div class="post-attachments"><strong>Attachments ({{ $post['attachment_count'] }})</strong>{% foreach $post['attachments'] as $attachment %}{% if $attachment['file_exists'] %}<a href="{{ $baseUrl }}/attachment/{{ $attachment['id'] }}/download"><span>📎 {{ $attachment['original_name'] }}</span><small>{{ round($attachment['file_size']/1024,1) }} KB · {{ $attachment['download_count'] }} downloads</small></a>{% else %}<div class="attachment-missing"><span>⚠ {{ $attachment['original_name'] }}</span><small>The stored file is missing.</small></div>{% endif %}{% endforeach %}</div>{% endif %}{% if $post['edited_at'] %}<div class="post-edited">Edited {{ date('M j, Y · g:i A',strtotime($post['edited_at'])) }}{% if $post['edit_reason'] %} · {{ $post['edit_reason'] }}{% endif %}</div>{% endif %}</div>{% if $isQuestion && $topic['solved_post_id']==$post['id'] %}<div class="best-answer-banner">✓ Accepted answer</div>{% endif %}{% if $isQuestion && $canMarkSolution && $post['id']!=$posts[0]['id'] %}<form class="solution-action" method="post" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/solution"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="post_id" value="{{ $topic['solved_post_id']==$post['id']?0:$post['id'] }}"><button type="submit">{{ $topic['solved_post_id']==$post['id']?'Remove solution':'Mark as best answer' }}</button></form>{% endif %}{% if $post['reactions'] %}<div class="post-reaction-summary">{% foreach $post['reactions'] as $reaction %}<span>{{ ucfirst($reaction['reaction_type']) }} <b>{{ $reaction['reaction_count'] }}</b></span>{% endforeach %}</div>{% endif %}<footer><div class="post-reaction-actions">{% if $currentUser %}{% foreach ['like'=>'♡ Like','helpful'=>'✓ Helpful','thanks'=>'★ Thanks','funny'=>'☺ Funny'] as $reactionKey=>$reactionLabel %}<form method="post" action="{{ $baseUrl }}/post/{{ $post['id'] }}/react"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="reaction" value="{{ $reactionKey }}"><button class="{{ $post['viewer_reaction']===$reactionKey?'active':'' }}" type="submit">{{ $reactionLabel }}</button></form>{% endforeach %}{% endif %}</div><button type="button" data-quote-author="{{ $post['author'] }}" data-quote-post="{{ $post['id'] }}" data-quote-body="{{ base64_encode($post['body']) }}">↩ Quote</button><button type="button" data-multiquote data-quote-author="{{ $post['author'] }}" data-quote-post="{{ $post['id'] }}" data-quote-body="{{ base64_encode($post['body']) }}">＋ Multi-quote</button><button type="button">⚑ Report</button>{% if $post['can_edit'] %}<a class="post-action-link" href="{{ $baseUrl }}/post/{{ $post['id'] }}/edit">Edit</a>{% endif %}{% if $post['revision_count'] %}<a class="post-action-link" href="{{ $baseUrl }}/post/{{ $post['id'] }}/history">History ({{ $post['revision_count'] }})</a>{% endif %}{% if $canModerate %}<form method="post" action="{{ $baseUrl }}/post/{{ $post['id'] }}/moderate" class="inline-mod-form" onsubmit="return confirm('Remove this post?')"><input type="hidden" name="_token" value="{{ $csrfToken }}"><input type="hidden" name="action" value="delete"><button type="submit" class="danger-text">Delete</button></form>{% endif %}</footer></div></article>{% endforeach %}</div><section id="reply" class="panel reply-shell"><div class="panel-head"><h3>Quick reply</h3>{% if $currentUser %}<a href="{{ $baseUrl }}/topic/{{ $topic['id'] }}/reply">Use full editor</a>{% endif %}</div>{% if $currentUser && $canReply %}<div class="multi-quote-bar" data-multiquote-bar hidden><span><b data-multiquote-count>0</b> posts selected</span><button class="btn subtle" type="button" data-insert-multiquote>Insert selected quotes</button><button class="text-button" type="button" data-clear-multiquote>Clear</button></div><form method="post" enctype="multipart/form-data" action="{{ $baseUrl }}/topic/{{ $topic['id'] }}/reply" class="quick-reply-form" data-server-draft data-draft-type="reply" data-context-id="{{ $topic['id'] }}" data-draft-url="{{ $baseUrl }}/drafts/save" data-csrf="{{ $csrfToken }}"><input type="hidden" name="_token" value="{{ $csrfToken }}"><textarea id="quickReplyBody" name="body" rows="6" maxlength="20000" required placeholder="Write a reply…">{{ $replyDraft['body'] ?? '' }}</textarea><small class="draft-status" data-draft-status>{% if $replyDraft %}Draft restored from {{ $replyDraft['updated_at'] }}{% else %}Drafts save automatically{% endif %}</small>{% if $canAttach %}<label class="attachment-drop compact"><span>Attachments</span><input type="file" name="attachments[]" multiple accept="{{ $attachmentAccept }}" data-attachment-input data-allowed-extensions="{{ $allowedAttachmentExtensions }}"><small>Allowed: {{ $allowedAttachmentExtensions }}</small></label>{% endif %}<div><span>Your reply will be posted as <b>{{ $currentUser['username'] }}</b>.</span><button class="btn" type="submit">Post Reply</button></div></form>{% else %}<div class="sidebar-card"><p class="muted">{{ $topic['is_locked']?'This topic is locked.':'You must be signed in to reply.' }}</p><a class="btn" href="{{ $baseUrl }}/login?next=/topic/{{ $topic['id'] }}">Sign in to reply</a></div>{% endif %}</section></main>{% include 'public/partials/footer.html' %}