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}}">
    
    <div class="center-align">
        <h4>Question {{.qIdx}}</h4>
    </div>

    <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}}

    <div class="submit-and-answer">
        <div data-picker-target="submitButton" class="center-align">
            <button disabled data-picker-target="submit" data-action="picker#submitAnswer">Submit</button>
        </div>
        <div data-picker-target="answerDetails" class="hidden">
            <div class="center-align">
                <h5 data-picker-target="result"></h5>
            </div>
            {{.q.Fact | markdown}}
            <div class="center-align">
                <a href="{{.nextURL}}" class="button">Continue</a>
            </div>
        </div>
    </div>
</div>