{{define "feedback"}}
{{if .Correct}}
<div class="correct-feedback">
  <div class="correct-answer">Correct!</div>
  <div class="explanation">{{.Explanation}}</div>
  {{if .ShowNext}}
  <button 
      hx-get="/next-question?current_id={{.ID}}" 
      hx-target="#ancestor"
      hx-swap="outerHTML"
      class="next-button"
      data-testid="next-button">
    Next Question →
  </button>
  {{end}}
</div>
{{else}}
<div class="error-feedback">
  <div class="wrong-answer">Try Again</div>
  <div class="explanation">{{.Explanation}}</div>
  {{if .ShowNext}}
  <button 
      hx-get="/next-question?current_id={{.ID}}" 
      hx-target="#ancestor"
      hx-swap="outerHTML"
      class="next-button"
      data-testid="next-button">
    Next Question →
  </button>
  {{end}}
</div>
{{end}}
{{end}}