{{define "question"}}
{{template "header" .}}
<main id="main" class="wrap question-page">
  <p class="crumb"><a href="{{if eq .Question.HuntDate .Today}}/{{else}}/hunt/{{.Question.HuntDate}}{{end}}">← {{pacificLabel .Question.HuntDate}}</a></p>
  <article class="q-detail">
    {{template "vote" (voteCtx .User .CSRF "question" .Question.HuntDate .Question)}}
    <div>
      <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.HuntDate .Today}}/{{else}}/hunt/{{.Question.HuntDate}}{{end}}">{{.Question.HuntDate}}</a>
      </p>
      <p class="q-body">{{.Question.Body}}</p>
      {{if isAdmin .User}}
        <form method="post" action="/questions/{{.Question.ID}}/hide"
          hx-post="/questions/{{.Question.ID}}/hide" hx-target="body">
          <input type="hidden" name="_csrf" value="{{.CSRF}}">
          <button type="submit" class="linkish">Hide this question</button>
        </form>
      {{end}}
    </div>
  </article>
  {{template "answer" .}}
  {{if isAdmin .User}}
    <form class="answer-form" method="post" action="/questions/{{.Question.ID}}/answer"
      hx-post="/questions/{{.Question.ID}}/answer" hx-target="#answer-block" hx-swap="outerHTML">
      <input type="hidden" name="_csrf" value="{{.CSRF}}">
      <label for="answer-body">{{if .Answer}}Edit answer{{else}}Write the answer{{end}}</label>
      <textarea id="answer-body" name="body" rows="8" required maxlength="12000">{{if .Answer}}{{.Answer.Body}}{{end}}</textarea>
      <button type="submit" class="btn btn-primary">Save answer</button>
    </form>
  {{end}}
</main>
{{template "footer" .}}
{{end}}