{{ block content }}
<b>Answer the following questions:</b>
<br>
<br>

<div class="card">
    <div class=card-header><b>When it comes to social issues, how liberal or conservative would you say that you are?</b></div>
    <div class="card-body">
        <div {{ if 'social' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'social' label=''}}
        </div>                        
    </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>When it comes to economic issues, how liberal or conservative would you say that you are?</b></div>
    <div class="card-body">
        <div {{ if 'economic' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'economic' label=''}}
        </div>                        
    </div>
</div>
<br>

<div class="card">
    <div class=card-header><b>Which political party do you more strongly identify with?</b></div>
    <div class="card-body">
        <div {{ if 'party' in form.errors }} class="border border-danger px-3 rounded" {{ endif }}>
        {{ formfield 'party' label=''}}
        </div>                        
    </div>
</div>
<br>
<br>

<button class="otree-btn-next btn btn-dark btn-primary">Next</button>

{{ endblock }}

{{ block style }}
    <link rel="stylesheet" href="{% static 'global/style.css' %}"/>
{{ endblock }}