{% block title %}
    <h6>Sayfa 2/3</h6>
    <hr>
{% endblock %}
{% block content %}


    <p>
        Aşağıda bazı kişiler kısaca tanımlanmaktadır. Lütfen her tanımı okuyun ve bu kişilerin size ne derece
        benzediğini ya da benzemediğini düşünün. Tanımda verilen kişinin size ne kadar benzediğini göstermek için
        aşağıdaki seçeneklerden birini seçin.
    </p>

    <br>

     <table class="table table-striped">
      <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>
                <th colspan="20"></th>
                <th><b><center>Bana hiç benzemiyor</center></b></th>
                <th><b><center>Bana pek benzemiyor</center></b></th>
                <th><b><center>Bana benzemiyor</center></b></th>
                <th><b><center>Bana az benziyor</center></b></th>
                <th><b><center>Bana benziyor</center></b></th>
                <th><b><center>Bana çok benziyor</center></b></th>
            </tr>
        </thead>
        <tbody>
        {% for field in form %}
            <tr>
                <th colspan="20" class="text-left">{{ field.label }}</th>
                {% for choice in field %}
                <td class="txtVertical"> {{ choice }}</td>
                {% endfor %}
            </tr>
        {% endfor %}
        </tbody>
    </table>




    {% next_button %}

{% endblock %}

{% block app_styles %}
<style type="text/css">
    th {

        font-size: 10pt;
        text-align: left;
        font-weight: normal;
        }

    td {
        font-size: 10pt;
        text-align: center;
        font-weight: bold;
        }

    td.confirmation {
    }

    th.no-border {
        border: 0 solid black;
    }
            }
    table {
        table-layout: auto;
        }

    </style>
{% endblock %}