{{ extends 'global/Page.html' }}
   {{ block title }}Questionnaire - 3 of 7{{ 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 difficult were the estimations for you?
                    {% 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="difficult" value="1" required></td>
                            <td class="item"><input type="radio" name="difficult" value="2" required></td>
                            <td class="item"><input type="radio" name="difficult" value="3" required></td>
                            <td class="item"><input type="radio" name="difficult" value="4" required></td>
                            <td class="item"><input type="radio" name="difficult" value="5" required></td>
                            <td class="item"><input type="radio" name="difficult" value="6" required></td>
                            <td class="item"><input type="radio" name="difficult" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left2">
                                {% trans "very difficult" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right2">
                                {% trans "very easy" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        How would you rate your estimation performance (in the first 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="performance" value="1" required></td>
                            <td class="item"><input type="radio" name="performance" value="2" required></td>
                            <td class="item"><input type="radio" name="performance" value="3" required></td>
                            <td class="item"><input type="radio" name="performance" value="4" required></td>
                            <td class="item"><input type="radio" name="performance" value="5" required></td>
                            <td class="item"><input type="radio" name="performance" value="6" required></td>
                            <td class="item"><input type="radio" name="performance" 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 %}
                       Compared to the average of the British population, how did you perform regarding the estimations of the GDP per capita?
                    {% 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="average" value="1" required></td>
                            <td class="item"><input type="radio" name="average" value="2" required></td>
                            <td class="item"><input type="radio" name="average" value="3" required></td>
                            <td class="item"><input type="radio" name="average" value="4" required></td>
                            <td class="item"><input type="radio" name="average" value="5" required></td>
                            <td class="item"><input type="radio" name="average" value="6" required></td>
                            <td class="item"><input type="radio" name="average" 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-right">
                                {% trans "very much better" %}
                            </td>
                        </tr>
                    </tbody>
                </table>



                  <br>
                <p class="survey-question">
                    {% blocktrans trimmed %}
                        How familiar were you with the meaning of the GDP per capita before 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="gdpknowledge" value="1" required></td>
                            <td class="item"><input type="radio" name="gdpknowledge" value="2" required></td>
                            <td class="item"><input type="radio" name="gdpknowledge" value="3" required></td>
                            <td class="item"><input type="radio" name="gdpknowledge" value="4" required></td>
                            <td class="item"><input type="radio" name="gdpknowledge" value="5" required></td>
                            <td class="item"><input type="radio" name="gdpknowledge" value="6" required></td>
                            <td class="item"><input type="radio" name="gdpknowledge" value="7" required></td>
                        </tr>
                        <tr>
                            <td colspan="3" class="item-label-left2">
                                {% trans "not familiar at all" %}
                            </td>
                            <td></td>
                            <td colspan="3" class="item-label-right2">
                                {% trans "very familiar" %}
                            </td>
                        </tr>
                    </tbody>
                </table>


                <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                        It was 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="helpful" value="1" required></td>
                            <td class="item"><input type="radio" name="helpful" value="2" required></td>
                            <td class="item"><input type="radio" name="helpful" value="3" required></td>
                            <td class="item"><input type="radio" name="helpful" value="4" required></td>
                            <td class="item"><input type="radio" name="helpful" value="5" required></td>
                            <td class="item"><input type="radio" name="helpful" value="6" required></td>
                            <td class="item"><input type="radio" name="helpful" 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 felt 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="useful" value="1" required></td>
                            <td class="item"><input type="radio" name="useful" value="2" required></td>
                            <td class="item"><input type="radio" name="useful" value="3" required></td>
                            <td class="item"><input type="radio" name="useful" value="4" required></td>
                            <td class="item"><input type="radio" name="useful" value="5" required></td>
                            <td class="item"><input type="radio" name="useful" value="6" required></td>
                            <td class="item"><input type="radio" name="useful" 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 }}