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

{% block title %}
    Please select the option corresponding to a picture below that best describes your relationship with your last conversation partner.
{% endblock %}

{% block content %}
<img src="{% static 'ISO.jpg' %}" width = "940px"/>
 <table class="table">
        <colgroup>
            <col style="width:2%">
            <col style="width:14%">
            <col style="width:14%">
            <col style="width:14%">
            <col style="width:14%">
            <col style="width:14%">
            <col style="width:14%">
            <col style="width:14%">
        </colgroup>
        <style type="text/css">
        .txtVertical
        {
            position: relative;
            left: 13px;
        }
        </style>
        <thead>
            <tr align = "center">
                <th></th>
                <th>(1)</th>
                <th>(2)</th>
                <th>(3)</th>
                <th>(4)</th>
                <th>(5)</th>
                <th>(6)</th>
                <th>(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 %}