<!--
  -- Sicherheitsunterweisung
  -- Copyright (C) 2023  Jason Streifling
  --
  -- This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  --
  -- This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more details.
  --
  -- You should have received a copy of the GNU General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

{{define "answers"}}
{{range .Question.Answers}}
<div>
  <input type="radio" name="answer" id="answer-{{.ID}}" value="{{.ID}}" />
  {{if .IsImage}}
  <img src="{{.Text}}" alt="{{.Text}}" />
  {{else}}
  <label for="answer-{{.ID}}">{{.Text}}</label>
  {{end}}
</div>
{{end}}
{{end}}

{{define "content"}}
<h2>Frage {{.QuestionID}}</h2>
<p>{{.Question.Text}}</p>

<form>
  {{template "answers" .}}

  <button hx-post="/submit-answer/{{.BriefingID}}/{{.Login}}/{{.QuestionID}}/" hx-target="#content" type="submit">
    Weiter
  </button>
</form>
{{end}}