{{ extends 'global/Page.html' }}
   {{ block title }}Questionnaire{{ endblock }}

{{ block content }}

        <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 good do you find the quality of the algorithm's estimates?
                    {% 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="competence3est" value="1" required></td>
                            <td class="item"><input type="radio" name="competence3est" value="2" required></td>
                            <td class="item"><input type="radio" name="competence3est" value="3" required></td>
                            <td class="item"><input type="radio" name="competence3est" value="4" required></td>
                            <td class="item"><input type="radio" name="competence3est" value="5" required></td>
                            <td class="item"><input type="radio" name="competence3est" value="6" required></td>
                            <td class="item"><input type="radio" name="competence3est" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left2">
                                {% trans "very bad" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right2">
                                {% trans "very good" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        How would you rate your estimation performance (in the initial estimation) relative to that of the 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="performance3est" value="1" required></td>
                            <td class="item"><input type="radio" name="performance3est" value="2" required></td>
                            <td class="item"><input type="radio" name="performance3est" value="3" required></td>
                            <td class="item"><input type="radio" name="performance3est" value="4" required></td>
                            <td class="item"><input type="radio" name="performance3est" value="5" required></td>
                            <td class="item"><input type="radio" name="performance3est" value="6" required></td>
                            <td class="item"><input type="radio" name="performance3est" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left2">
                                {% trans "very much worse" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right2">
                                {% trans "very much better" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        It is not necessary for me to use the algorithm 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="helpful3est" value="1" required></td>
                            <td class="item"><input type="radio" name="helpful3est" value="2" required></td>
                            <td class="item"><input type="radio" name="helpful3est" value="3" required></td>
                            <td class="item"><input type="radio" name="helpful3est" value="4" required></td>
                            <td class="item"><input type="radio" name="helpful3est" value="5" required></td>
                            <td class="item"><input type="radio" name="helpful3est" value="6" required></td>
                            <td class="item"><input type="radio" name="helpful3est" 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 feel uncomfortable using the algorithm 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="useful3est" value="1" required></td>
                            <td class="item"><input type="radio" name="useful3est" value="2" required></td>
                            <td class="item"><input type="radio" name="useful3est" value="3" required></td>
                            <td class="item"><input type="radio" name="useful3est" value="4" required></td>
                            <td class="item"><input type="radio" name="useful3est" value="5" required></td>
                            <td class="item"><input type="radio" name="useful3est" value="6" required></td>
                            <td class="item"><input type="radio" name="useful3est" 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 %}
                    How much do 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="trustalgo3est" value="1" required></td>
                            <td class="item"><input type="radio" name="trustalgo3est" value="2" required></td>
                            <td class="item"><input type="radio" name="trustalgo3est" value="3" required></td>
                            <td class="item"><input type="radio" name="trustalgo3est" value="4" required></td>
                            <td class="item"><input type="radio" name="trustalgo3est" value="5" required></td>
                            <td class="item"><input type="radio" name="trustalgo3est" value="6" required></td>
                            <td class="item"><input type="radio" name="trustalgo3est" 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>



            </div>
        </div>

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





{{ endblock }}