{@args p: OpinionhubTopicPage}
{@import opinionhub/opinionhub_text}
{@import opinionhub/opinionhub_categories}
{@import opinionhub/opinionhub_topics}
{@import opinionhub_web/opinionhub_views}
<article class="opinionhub-topic">
<nav class="opinionhub-crumbs" aria-label="Breadcrumb"><a href={opinionhub_home_href p}>{opinionhub_tp_forum_title p}</a><span class="opinionhub-sep" aria-hidden="true"> / </span><a href={opinionhub_tp_category_href p}>{opinionhub_tp_category_name p}</a></nav>
<h1>{opinionhub_topic_title (opinionhub_tp_topic p)}</h1>
<p class="opinionhub-flags">{if opinionhub_topic_is_pinned (opinionhub_tp_topic p)}<span class="opinionhub-badge opinionhub-badge-pinned">Pinned</span>{end}{if opinionhub_topic_is_private (opinionhub_tp_topic p)}<span class="opinionhub-badge">Members only</span>{end}{if opinionhub_topic_is_locked (opinionhub_tp_topic p)}<span class="opinionhub-badge">Locked</span>{end}{if opinionhub_topic_is_hidden (opinionhub_tp_topic p)}<span class="opinionhub-badge opinionhub-badge-hidden">Hidden</span>{end}</p>
{html opinionhub_read_html_post (opinionhub_tp_opening p) (opinionhub_tp_token p)}
{for a: OpinionhubPostView in opinionhub_tp_accepted p}
<section class="opinionhub-accepted" aria-label="Accepted answer">
  <p class="opinionhub-accepted-label">The accepted answer</p>
  {html opinionhub_read_html_post a (opinionhub_tp_token p)}
</section>
{end}
<h2 class="opinionhub-subhead">{opinionhub_plural (pi_total (opinionhub_tp_page p)) "reply" "replies"}</h2>
{if (pi_total (opinionhub_tp_page p)) > 0}
<ol class="opinionhub-replies">
  {for v: OpinionhubPostView in opinionhub_tp_replies p}
  <li>{html opinionhub_read_html_post v (opinionhub_tp_token p)}</li>
  {end}
</ol>
{end}
{if (pi_pages (opinionhub_tp_page p)) > 1}
<nav class="opinionhub-pages" aria-label="Pages">
  {if page_has_prev (opinionhub_tp_page p)}
  <a href={opinionhub_tp_page_href p ((pi_page (opinionhub_tp_page p)) - 1)} rel="prev">Earlier replies</a>
  {end}
  <span>Page {int_to_str (pi_page (opinionhub_tp_page p))} of {int_to_str (pi_pages (opinionhub_tp_page p))}</span>
  {if page_has_next (opinionhub_tp_page p)}
  <a href={opinionhub_tp_page_href p ((pi_page (opinionhub_tp_page p)) + 1)} rel="next">Later replies</a>
  {end}
</nav>
{end}
{if opinionhub_tp_can_reply p}
<form method="post" action={(opinionhub_tp_action p) + "/reply"} class="opinionhub-reply-form">
  <input type="hidden" name="_csrf_token" value={opinionhub_tp_token p}>
  <input type="hidden" name="quote_of" value="">
  <label for="opinionhub_reply_body">Your reply</label>
  <textarea id="opinionhub_reply_body" name="body" rows="6" required maxlength="20000" aria-describedby="opinionhub_reply_help"></textarea>
  <p id="opinionhub_reply_help">Markdown works: *emphasis*, **strong**, `code`, lists, quotes with > and code blocks between ```.</p>
  <button type="submit" class="opinionhub-button">Post reply</button>
</form>
{else}
{if not (opinionhub_tp_member p)}
<p class="opinionhub-signin"><a href={opinionhub_tp_login_href p}>Sign in</a> to reply.</p>
{else}
{if opinionhub_topic_is_locked (opinionhub_tp_topic p)}
<p class="opinionhub-signin">This topic is locked: it takes no new replies.</p>
{end}
{end}
{end}
{if opinionhub_tp_can_set_visibility p}
<form method="post" action={(opinionhub_tp_action p) + "/visibility"} class="opinionhub-visibility">
  <input type="hidden" name="_csrf_token" value={opinionhub_tp_token p}>
  {if opinionhub_topic_is_private (opinionhub_tp_topic p)}
  <input type="hidden" name="visibility" value="public">
  <button type="submit" class="opinionhub-link-button">Make it public</button>
  <span>Only signed-in members can read this topic.</span>
  {else}
  <input type="hidden" name="visibility" value="private">
  <button type="submit" class="opinionhub-link-button">Make it members-only</button>
  <span>Anyone can read this topic.</span>
  {end}
</form>
{end}
{if opinionhub_tp_is_moderator p}
<section class="opinionhub-modtools" aria-label="Moderation">
  <h2>Moderation</h2>
  <div class="opinionhub-modtools-row">
    <form method="post" action={(opinionhub_tp_action p) + "/mod/" + (opinionhub_toggle (opinionhub_topic_is_locked (opinionhub_tp_topic p)) "unlock" "lock")} class="opinionhub-inline">
      <input type="hidden" name="_csrf_token" value={opinionhub_tp_token p}>
      <button type="submit" class="opinionhub-button opinionhub-button-quiet">{opinionhub_toggle (opinionhub_topic_is_locked (opinionhub_tp_topic p)) "Unlock" "Lock"}</button>
    </form>
    <form method="post" action={(opinionhub_tp_action p) + "/mod/" + (opinionhub_toggle (opinionhub_topic_is_pinned (opinionhub_tp_topic p)) "unpin" "pin")} class="opinionhub-inline">
      <input type="hidden" name="_csrf_token" value={opinionhub_tp_token p}>
      <button type="submit" class="opinionhub-button opinionhub-button-quiet">{opinionhub_toggle (opinionhub_topic_is_pinned (opinionhub_tp_topic p)) "Unpin" "Pin"}</button>
    </form>
    <form method="post" action={(opinionhub_tp_action p) + "/mod/" + (opinionhub_toggle (opinionhub_topic_is_hidden (opinionhub_tp_topic p)) "show" "hide")} class="opinionhub-inline">
      <input type="hidden" name="_csrf_token" value={opinionhub_tp_token p}>
      <button type="submit" class="opinionhub-button opinionhub-button-quiet">{opinionhub_toggle (opinionhub_topic_is_hidden (opinionhub_tp_topic p)) "Show topic" "Hide topic"}</button>
    </form>
    <form method="post" action={(opinionhub_tp_action p) + "/mod/move"} class="opinionhub-inline opinionhub-move">
      <input type="hidden" name="_csrf_token" value={opinionhub_tp_token p}>
      <label for="opinionhub_move">Move to</label>
      <select id="opinionhub_move" name="category">
        {for c: OpinionhubCategory in opinionhub_tp_categories p}
        {if (opinionhub_category_slug c) == (opinionhub_topic_category (opinionhub_tp_topic p))}
        <option value={opinionhub_category_slug c} selected>{opinionhub_category_name c}</option>
        {else}
        <option value={opinionhub_category_slug c}>{opinionhub_category_name c}</option>
        {end}
        {end}
      </select>
      <button type="submit" class="opinionhub-button opinionhub-button-quiet">Move</button>
    </form>
  </div>
  <p><a href={(opinionhub_tp_base p) + "/mod"}>Reports and the moderation log</a></p>
</section>
{end}
</article>