{% block title %}
Five statements
{% endblock %}

{% block content %}

{{ if session.config.development }}
    <button class="btn btn-danger otree-btn-next" style="float: right;">Skip</button>
{{ endif }}

<div class="container">
    <p>Please indicate to what degree you agree or disagree with each of the following statements.</p>

    {% for s in statements %}
    <div class="card mb-3">
        <div class="card-body">
            <p><strong><em>{{ s.text }}</em></strong>{{ if s.attribution }} &mdash; {{ s.attribution }}{{ endif }}</p>
            <div class="d-flex justify-content-between">
                {% for val in likert_values %}
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="radio" name="{{ s.field }}" value="{{ val.0 }}">
                    <label class="form-check-label">{{ val.1 }}</label>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {% endfor %}

    <div class="text-end"><button class="btn btn-primary btn-large">Next</button></div>
</div>

{% endblock %}