.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[makeKey(prompt)]")
.response-wrapper(v-else-if="prompt.type === 'tag-cloud'")
label {{ prompt.type }}
button.p-0(
:disabled="response == answers[makeKey(prompt)]"
:prompt-question="makeKey(prompt)"
@click="respondFromTag"
v-for="response in prompt.responses"
) {{ response }}
//- Checklist
.response-wrapper(v-if="prompt.type === 'checklist'")
.checklist(
v-for="(response, index) in prompt.responses"
v-bind:key="response")
input(
type="checkbox"
:id="response"
:value="response"
:name="response"
:true-value="response"
false-value=""
v-model="answers[makeKey(prompt)]")
label(:for="response") {{ response }}
//- Slider from -3 to 0 to +3 (increments of 1)
.response-wrapper(v-else-if="prompt.type === 'input-slide'")
label {{ prompt.type }}
input(
type="range"
min="-3"
max="3"
:prompt="makeKey(prompt)"
:value="answers[makeKey(prompt)]"
@input="setAnswer"
)
span {{ answers[makeKey(prompt)] }}
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 }} for {{ pid }}