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


{{ block content }}

   <p align="justify">
   <font size="4">  
       <b>Directions: </b> Please indicate how much you agree or disagree 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>Strongly Disagree</center></th>
                <th><center>Disagree</center></th>
                <th><center>Somewhat Disagree</center></th>
                <th><center>Somewhat Agree</center></th>
                <th><center>Agree</center></th>
                <th><center>Strongly Agree</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 align="center"><input type="radio" name={{ item.0 }} id={{ item.1 }} value="6" required/></td>
                    </td>
                </tr>
            {{ endfor }}
        </table>
        <br/>
        
    </div>
</div>
<br>
          {{ next_button }}
   
   {{ endblock}}