iswhoa/views/question.html

<div class="offscreen">
    <i class="icon-cancel"></i>
    <i class="icon-ok"></i>
</div>
    
<div class="question" data-controller="picker" 
    data-picker-qid-value="{{.q.ID}}" data-picker-answer-value="{{.q.RightChoice}}">
    <p>{{.q.Question}}</p>

    {{range .q.Choices}}
    <label>
        <input type="radio" name="ans" value="{{.ID}}" data-picker-target="radio" data-action="picker#checkRadio">
        {{if eq .ID $.q.RightChoice}}
            <i class="icon-ok"></i>
        {{else}}
            <i class="icon-cancel"></i>
        {{end}}
        {{.Text}}
    </label>
    {{end}}

    <button disabled data-picker-target="submit" data-action="picker#submitAnswer">Submit</button>

    <div data-picker-target="answerDetails" class="hidden">
        <p>{{.q.Fact}}</p>
        <div>
            <a href="{{.nextURL}}">Next</a>
        </div>
    </div>
</div>