{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    {{ view.title }}
{% endblock %}

{% block content %}
    <div class="alert alert-danger">
        <div>Please note that the maximum of wrong answers allowed is {{ Constants.max_total_wrong_answers }}.
        </div>
        <div>So far you have given <span class="badge badge-info"> {{ tot_wrong }} </span> wrong answers.</div>
        <div>In case you submit more than {{ Constants.max_total_wrong_answers }} wrong answers you will not be
            eligible for this study and any payouts.
        </div>
    </div>
    {{ formset.management_form }}
    <table class="table table-hover table-stripped table-sm table-responsive">

        <tbody>
        {% for f in formset %}
            <tr>
                <td>{{ f.instance.label|safe }}</td>
                <td>
                    {% for field in f %}
                        {% formfield field label='' %}
                    {% endfor %}
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>


    {% next_button %}

{% endblock %}