{{define "content"}}
{{$dpath := discussionPath .BaseURL .Repo}}
<h2 class="topic-title">{{.Data.Discussion.Title}}</h2>

<div class="discussion-comment">
  <div class="discussion-comment-header">
    <span class="discussion-comment-author">{{if .Data.Discussion.Avatar}}<img class="avatar" src="{{.Data.Discussion.Avatar}}" alt="" width="20" height="20"> {{end}}<a href="https://bsky.app/profile/{{.Data.Discussion.Author}}">{{.Data.Discussion.Author}}</a> <span class="discussion-comment-date">{{timeAgo .Data.Discussion.CreatedAt}} ago</span></span>
  </div>
  {{if .Data.Discussion.Body}}<div class="post-body">{{formatBody .Data.Discussion.Body}}</div>{{end}}
</div>

{{range .Data.Replies}}
<div class="discussion-comment" id="reply-{{.ID}}">
  <div class="discussion-comment-header">
    <span class="discussion-comment-author">{{if .Avatar}}<img class="avatar" src="{{.Avatar}}" alt="" width="20" height="20"> {{end}}<a href="https://bsky.app/profile/{{.Author}}">{{.Author}}</a> <span class="discussion-comment-date">{{timeAgo .CreatedAt}} ago</span></span>
  </div>
  <div class="post-body">{{formatBody .Body}}</div>
</div>
{{end}}

{{if .Handle}}
<div class="discussion-form">
  <form method="POST" action="{{$dpath}}/{{.Data.Discussion.ID}}" novalidate>
    <label for="body">Reply as <strong>{{.Handle}}</strong></label>
    <textarea id="body" name="body" rows="4" placeholder="Write a reply…" required></textarea>
    <div class="form-actions">
      <button type="submit" class="btn">Post reply</button>
      {{if .Data.Error}}<span class="form-error">{{.Data.Error}}</span>{{end}}
    </div>
  </form>
</div>
{{else}}
<p class="sign-in-prompt"><a href="{{.BaseURL}}/login?return={{$dpath}}/{{.Data.Discussion.ID}}">Sign in</a> to reply.</p>
{{end}}
{{end}}