.form.f-col.start.mr-1.w-full(v-if='form.length')
header
p answers to save: {{ answers }}
ul.w-full(v-for='(step, i) in form')
li.f-row.start.b-solid.p-0(
v-for='prompt in step'
v-if='step && step.length'
v-show='(i + 1) == state.step'
)
h3 {{ prompt.question }}?
.response-wrapper(v-if='prompt.type === "input-string"')
label {{ prompt.type }}
input(v-model='answers[makeKebob(prompt.question)]')
.response-wrapper(v-else-if='prompt.type === "tag-cloud"')
label {{ prompt.type }}
button.p-0(
:disabled='response == answers[makeKebob(prompt.question)]'
:prompt-question='makeKebob(prompt.question)'
@click='respondFromTag'
v-for='response in prompt.responses'
) {{ response }}
//- TODO: Checklist
.response-wrapper(v-if='prompt.type === "checklist"')
.checklist(v-for='response in prompt.responses')
input(
type='checkbox'
:id='response'
:name='response'
v-model='answers[makeKebob(prompt.question)]')
label {{ response}}
//- TODO: Slider from -3 to 0 to +3 (increments of 1)
.response-wrapper(v-if='prompt.type === "slider"')
label {{ prompt.type }}
input(
type='range'
min='-3'
max='3'
v-model='answers[makeKebob(prompt.question)]')
footer.f-row.w-full
button.p-1(:disabled='state.step == 1' @click='back') back
button.p-1(:disabled='state.step == form.length' @click='next') next
button.p-1(:disabled='state.step != form.length' @click='next') save
.f-grow
p step: {{ state.step }} of {{ form.length }}