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


{% block title %}
    Teil 3 - Fragebogen (3/5)
{% endblock %}


{% block content %}
    <div class="d-block d-sm-none alert alert-warning">Ihr Bildschirm ist zu schmal. Bitte verwenden Sie Ihr Endgerät
        quer.
    </div>

    <div class="d-none d-sm-block">
        <div class="card card-body bg-light instructions">
            <strong>Nehmen Sie nun Bezug auf die Studie.</strong>
        </div>

        <br><br>

        <table>
            <th style="background-color:#e1f5fa">
                6) Bitte geben Sie an, wie stark Sie der jeweiligen Aussage zustimmen:
            </th>
        </table>

        <br>

        <table class=' text-center'   cellspacing=1>
            <thead>
            <th width="30%"></th>
                <th width="9%" style="vertical-align:top">Stimme voll zu</th>
                <th width="12%" style="vertical-align:top">Stimme eher zu</th>
                <th width="18%" style="vertical-align:top">Stimme weder zu noch dagegen</th>
                <th width="12%" style="vertical-align:top">Stimme eher dagegen </th>
                <th width="12%" style="vertical-align:top">Stimme voll dagegen</th>
                <th width="7%" style="vertical-align:top">weiß nicht</th>
            </thead>

            <tbody>
            <tr style="background-color:#e1f5fa">
                <td align="justify"> Ich habe die Studie zu jedem Zeitpunkt voll und ganz verstanden.</td>
                <td><label><input type="radio" name="verstanden" value="1"></label></td>
                <td><label><input type="radio" name="verstanden" value="2"></label></td>
                <td><label><input type="radio" name="verstanden" value="3"></label></td>
                <td><label><input type="radio" name="verstanden" value="4"></label></td>
                <td><label><input type="radio" name="verstanden" value="5"></label></td>
                <td><label><input type="radio" name="verstanden" value="6"></label></td>
            </tr>

            <tr>
                <td align="justify"> Bitte markieren Sie hier ganz rechts „weiß nicht" als Nachweis, dass Sie den Text gelesen haben.</td>
                <td><label><input type="radio" onclick="screen_quali(1)" name="quality_check" value="1"></label></td>
                <td><label><input type="radio" onclick="screen_quali(2)" name="quality_check" value="2"></label></td>
                <td><label><input type="radio" onclick="screen_quali(3)" name="quality_check" value="3"></label></td>
                <td><label><input type="radio" onclick="screen_quali(4)" name="quality_check" value="4"></label></td>
                <td><label><input type="radio" onclick="screen_quali(5)" name="quality_check" value="5"></label></td>
                <td><label><input type="radio" onclick="screen_quali(6)" name="quality_check" value="6"></label></td>
            </tr>

            <tr style="background-color:#e1f5fa">
                <td align="justify"> Für meine Entscheidung war lediglich meine eigene Auszahlung relevant.  </td>
                <td><label><input type="radio" name="ownpayoff" value="1"></label></td>
                <td><label><input type="radio" name="ownpayoff" value="2"></label></td>
                <td><label><input type="radio" name="ownpayoff" value="3"></label></td>
                <td><label><input type="radio" name="ownpayoff" value="4"></label></td>
                <td><label><input type="radio" name="ownpayoff" value="5"></label></td>
                <td><label><input type="radio" name="ownpayoff" value="6"></label></td>
            </tr>

            <tr>
                <td align="justify"> Für meine Entscheidung war sowohl meine eigene Auszahlung sowie die Auszahlung von Teilnehmer C relevant.</td>
                <td><label><input type="radio" name="utilitarian" value="1"></label></td>
                <td><label><input type="radio" name="utilitarian" value="2"></label></td>
                <td><label><input type="radio" name="utilitarian" value="3"></label></td>
                <td><label><input type="radio" name="utilitarian" value="4"></label></td>
                <td><label><input type="radio" name="utilitarian" value="5"></label></td>
                <td><label><input type="radio" name="utilitarian" value="6"></label></td>
            </tr>
            </tbody>
        </table>


        <p></p>
        <P></P>
        <div align="right">{% next_button %} </div>
    </div>
{% endblock %}