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

{% block content %}
Questionnaire Page 2
<div class="card bg-light m-3">
    <div class="card-body">
 
    <h6> 13. Below are some potential reasons why some people succeed in their careers and financially while others do not. On a 1–7 scale, where ‘1’ means not at all important and ‘7’ means extremely important, please indicate how important you think each reason is for a person’s career and financial success in reality  </h6>   

    <table class="table">
        <tr>
            <th scope = "col" style = "width:30%"></th>
            <td></td>
            <th scope = "col" style = "width:5%">'1' means not important at all in reality</th>
            <th scope = "col" style = "width:11%"></th>
            <th scope = "col" style = "width:11%"></th>
            <th scope = "col" style = "width:11%"></th>
            <th scope = "col" style = "width:11%"></th>
            <th scope = "col" style = "width:11%"></th>
            <th scope = "col" style = "width:11%">'7' means extremely important in reality</th>
        </tr>
        <tr></tr>
            {% for field in form %}
            <tr>
                <td class="font-weight-bold">{{ field.label }}</td>
                <td></td>
                {% for choice in field %}
                    <td>{{ choice }}</td>
                {% endfor %}
            </tr>
            {% endfor %}
        </table>
        
        {% next_button %}
        </div>
        </div>
        
        {% endblock %}
        
        
        {% block styles %}
            <style type="text/css">
             .form-check{
                 padding-left: 0;
                 padding-bottom: 0.5cm;
                 padding-top: 0.3cm;
             }
            </style>
        {% endblock %}