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

{% block title %}
     Please take a moment to rate your latest conversation partner based on the following questions. Please indicate the extent to which you agree or disagree with the following statements. 
{% endblock %}

{% block content %}
 <table class="table">
        <colgroup>
            <col style="width:37%">
            <col style="width:9%">
            <col style="width:9%">
            <col style="width:9%">
            <col style="width:9%">
            <col style="width:9%">
            <col style="width:9%">
            <col style="width:9%">
        </colgroup>
        <style type="text/css">
        .txtVertical
        {
            position: relative;
            left: 13px;
        }
        </style>
        <thead>
            <tr align = "center">
                <th></th>
                <th>Strongly Disagree (1)</th>
                <th>Moderately Disagree (2)</th>
                <th>Mildly Disagree (3)</th>
                <th>Neither Agree nor Disagree (4)</th>
                <th>Mildly Agree (5)</th>
                <th>Moderately Agree <br> (6)</th>
                <th>Strongly Agree (7)</th>
            </tr>
        </thead>
        <tbody>
        {% for field in form %}
            <tr>
                <th>{{ field.label }}</th>
                {% for choice in field %}
                <td class="txtVertical"><center>{{ choice }}</center></td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>

   
  {% next_button %}
{% endblock %}

 Please select the option corresponding to a picture below that best describes your relationship with your last conversation partner. <br>