{{define "question"}}
{{template "header" .}}
<main id="main" class="wrap question-page">
  <p class="crumb"><a href="{{if eq .Question.PostDate .Today}}/{{else}}/hunt/{{.Question.PostDate}}{{end}}">← {{pacificLabel .Question.PostDate}}</a></p>
  <article id="post-{{.Question.ID}}" class="q-detail">
    {{template "vote" (voteCtx .User .CSRF "question" .Question.PostDate .Question)}}
    <div class="post-content">
      <p class="post-kicker">Question</p>
      <h1>{{.Question.Title}}</h1>
      <p class="meta">
        <span>{{.Question.AuthorName}}</span>
        {{if .Question.City}}<span class="dot" aria-hidden="true">·</span><span>{{.Question.City}}</span>{{end}}
        <span class="dot" aria-hidden="true">·</span>
        <a href="{{if eq .Question.PostDate .Today}}/{{else}}/hunt/{{.Question.PostDate}}{{end}}">{{.Question.PostDate}}</a>
        {{if eq .Question.PostState "locked"}}<span class="badge">Locked</span>{{end}}
        {{if eq .Question.PostState "hidden"}}<span class="badge">Hidden</span>{{end}}
        {{if isEdited .Question}}<span class="edited">Edited</span>{{end}}
      </p>
      <p class="post-body">{{.Question.Body}}</p>
      {{template "postActions" (postCtx .User .CSRF .Question .Question 0)}}
    </div>
  </article>
  <section class="conversation" aria-labelledby="conversation-heading">
    <div class="conversation-head">
      <p class="eyebrow">Thread</p>
      <h2 id="conversation-heading">Conversation</h2>
    </div>
    {{if .Question.Replies}}
      <div class="thread">
        {{$page := .}}
        {{range .Question.Replies}}
          {{template "threadReply" (postCtx $page.User $page.CSRF $page.Question . 1)}}
        {{end}}
      </div>
    {{else}}
      <p class="waiting">No replies yet.</p>
    {{end}}
  </section>
</main>
{{template "footer" .}}
{{end}}