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

{% block title %}
Part 3
{% endblock %}

{% block content %}

<style>
    p{
        font-size: 22px;
    }
    .otree-form-errors {
        visibility: hidden;
        display: none;
    }
    .otree-body {
        max-width:1100px
    }
</style>

<p>
    How many puzzles do you think you will be able to solve correctly in Part 4?
</p>

{{formfield 'efficacy_1'}}

<br>
<br>
<p>
    How confident are you about this guess?
</p>

{{formfield 'efficacy_2'}}
<br><br>
{% next_button %}
{% if form.errors %}
<div class="alert alert-danger" role="alert">
  <p>Please select a radio button to proceed.</p>
</div>
{% endif %}
{{ endblock }}