{{ extends "part3diss_mainsurvey/Instrument.html" }}
{{ load otree static }}


{{ block content }}

        <p align="justify">
            <b>Directions: </b> Please indicate how much you agree with each statements below 
                                by selecting the corresponding circle.
        </p>

<div class="card bg-light">
    <div class="card-body">
        <table align="center" cellpadding="4" border="1">
            <tr>
                <td>&nbsp;</td>
                <th><center>Always</center></th>
                <th><center>Most of the time</center></th>
                <th><center>About half the time</center></th>
                <th><center>Some of the time</center></th>
                <th><center>Never</center></th>
            </tr>
            {{ for item in items }}
            
                <tr>
                    <td width="250">{{ item.2 }}</td>
                    <td align="center"><input type="radio" name={{ item.0 }} id={{ item.1 }} value="1" required/></td>
                    <td align="center"><input type="radio" name={{ item.0 }} id={{ item.1 }} value="2" required/></td>
                    <td align="center"><input type="radio" name={{ item.0 }} id={{ item.1 }} value="3" required/></td>
                    <td align="center"><input type="radio" name={{ item.0 }} id={{ item.1 }} value="4" required/></td>
                    <td align="center"><input type="radio" name={{ item.0 }} id={{ item.1 }} value="5" required/></td>
                    </td>
                </tr>
            {{ endfor }}
        </table>
        <br/>
        
    </div>
</div>
<br>
          {{ next_button }}
   
   {{ endblock}}