{{ extends 'global/Page.html' }}
   {{ block title }}Questionnaire - 4 of 7{{ endblock }}

{{ block content }}

<style>

    .item-label-left4 {
        font-size: 0.7em;
        text-align: left;
        font-style: italic;
        padding: 0;
        padding-left: 40px;
    }

    .item-label-right4 {
        font-size: 0.7em;
        text-align: right;
        font-style: italic;
        padding: 0;
        padding-right: 40px;
}

</style>


        <div style="text-align: justify;" class="card bg-light mb-3  ">
            <div class="card-body">
                <p>Please indicate to which extent the following statements fit:</p>


                <br>
                <p class="survey-question">
                    {% blocktrans trimmed %}
                    How much did you trust the algorithm's estimations in this study?
                    {% endblocktrans %}
                </p>

                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="trustalgo" value="1" required></td>
                            <td class="item"><input type="radio" name="trustalgo" value="2" required></td>
                            <td class="item"><input type="radio" name="trustalgo" value="3" required></td>
                            <td class="item"><input type="radio" name="trustalgo" value="4" required></td>
                            <td class="item"><input type="radio" name="trustalgo" value="5" required></td>
                            <td class="item"><input type="radio" name="trustalgo" value="6" required></td>
                            <td class="item"><input type="radio" name="trustalgo" value="7" required></td>
                        </tr>
                        <tr>
                             <td colspan="3" class="item-label-left2">
                                {% trans "not trusted at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right2">
                                {% trans "trusted totally" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        How much do you trust other people in general?
                    {% endblocktrans %}
                </p>

                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="trustothers" value="1" required></td>
                            <td class="item"><input type="radio" name="trustothers" value="2" required></td>
                            <td class="item"><input type="radio" name="trustothers" value="3" required></td>
                            <td class="item"><input type="radio" name="trustothers" value="4" required></td>
                            <td class="item"><input type="radio" name="trustothers" value="5" required></td>
                            <td class="item"><input type="radio" name="trustothers" value="6" required></td>
                            <td class="item"><input type="radio" name="trustothers" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left2">
                                {% trans "do not trust at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right2">
                                {% trans "trust totally" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


             <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        In general, I trust algorithms more than humans.
                    {% endblocktrans %}
                </p>

                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="algovshuman" value="1" required></td>
                            <td class="item"><input type="radio" name="algovshuman" value="2" required></td>
                            <td class="item"><input type="radio" name="algovshuman" value="3" required></td>
                            <td class="item"><input type="radio" name="algovshuman" value="4" required></td>
                            <td class="item"><input type="radio" name="algovshuman" value="5" required></td>
                            <td class="item"><input type="radio" name="algovshuman" value="6" required></td>
                            <td class="item"><input type="radio" name="algovshuman" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left">
                                {% trans "does not describe me at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right3">
                                {% trans "describes me perfectly" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                    I would prefer to delegate an analytical task to a human rather than to an algorithm.
                    {% endblocktrans %}
                </p>


                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="1" required></td>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="2" required></td>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="3" required></td>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="4" required></td>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="5" required></td>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="6" required></td>
                            <td class="item"><input type="radio" name="delsupporthumanalgo" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left">
                                {% trans "does not describe me at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right3">
                                {% trans "describes me perfectly" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                              <br>

                 <p class="survey-question">
                    {% blocktrans trimmed %}
                         I would rather delegate a task than do it myself.
                    {% endblocktrans %}
                </p>

                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="1" required></td>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="2" required></td>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="3" required></td>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="4" required></td>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="5" required></td>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="6" required></td>
                            <td class="item"><input type="radio" name="selfvsdelegation" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left">
                                {% trans "does not describe me at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right3">
                                {% trans "describes me perfectly" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        Please select <em>does not describe me at all</em> as your answer. This question tests if you read the questions carefully.
                    {% endblocktrans %}
                </p>

                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="testquestion" value="1" required></td>
                            <td class="item"><input type="radio" name="testquestion" value="2" required></td>
                            <td class="item"><input type="radio" name="testquestion" value="3" required></td>
                            <td class="item"><input type="radio" name="testquestion" value="4" required></td>
                            <td class="item"><input type="radio" name="testquestion" value="5" required></td>
                            <td class="item"><input type="radio" name="testquestion" value="6" required></td>
                            <td class="item"><input type="radio" name="testquestion" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left">
                                {% trans "does not describe me at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right3">
                                {% trans "describes me perfectly" %}
                            </td>
                        </tr>
                    </tbody>
                </table>

                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        I prefer to delegate a task rather than to receive advice.
                    {% endblocktrans %}
                </p>

                <table class="likert">
                    <tbody>
                        <tr>
                            <td class="item-label">1</td>
                            <td class="item-label">2</td>
                            <td class="item-label">3</td>
                            <td class="item-label">4</td>
                            <td class="item-label">5</td>
                            <td class="item-label">6</td>
                            <td class="item-label">7</td>
                        </tr>
                        <tr>
                            <td class="item"><input type="radio" name="supporttype" value="1" required></td>
                            <td class="item"><input type="radio" name="supporttype" value="2" required></td>
                            <td class="item"><input type="radio" name="supporttype" value="3" required></td>
                            <td class="item"><input type="radio" name="supporttype" value="4" required></td>
                            <td class="item"><input type="radio" name="supporttype" value="5" required></td>
                            <td class="item"><input type="radio" name="supporttype" value="6" required></td>
                            <td class="item"><input type="radio" name="supporttype" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left">
                                {% trans "does not describe me at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right3">
                                {% trans "describes me perfectly" %}
                            </td>
                        </tr>
                    </tbody>
                </table>

            </div>
        </div>

        <br>
        <!-- {{ next_button }}  -->
        <button type="submit" class="otree-btn-next btn btn-primary button1" style="float: right;">Continue</button>





{{ endblock }}