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

{{ block content }}

    <div style="text-align: justify;" class="card bg-light mb-3  ">

            <div class="card-body">
                <p> {{ formfield 'gender' }} </p>
                <p> {{ formfield 'age' }} </p>
                <p> {{ formfield 'education' }} </p>


                          <br>

                <p class="survey-question">
                    {% blocktrans trimmed %}
                       How good is your knowledge in the field of economics?
                    {% 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="economics" value="1" required></td>
                            <td class="item"><input type="radio" name="economics" value="2" required></td>
                            <td class="item"><input type="radio" name="economics" value="3" required></td>
                            <td class="item"><input type="radio" name="economics" value="4" required></td>
                            <td class="item"><input type="radio" name="economics" value="5" required></td>
                            <td class="item"><input type="radio" name="economics" value="6" required></td>
                            <td class="item"><input type="radio" name="economics" 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 good is your knowledge in the field of technology?
                    {% 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="technology" value="1" required></td>
                            <td class="item"><input type="radio" name="technology" value="2" required></td>
                            <td class="item"><input type="radio" name="technology" value="3" required></td>
                            <td class="item"><input type="radio" name="technology" value="4" required></td>
                            <td class="item"><input type="radio" name="technology" value="5" required></td>
                            <td class="item"><input type="radio" name="technology" value="6" required></td>
                            <td class="item"><input type="radio" name="technology" 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>
                  </div>

    </div>
    </div>

                <!--  <div style="text-align: justify;" class="border-top-blue border-bottom-blue">
             <div class="card bg-light mb-3">
                <div class="card-header">
                    <div class="card-title">
                        <p>{{ formfields }} </p>
                    </div>
                </div>
             </div>  -->




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




{{ endblock }}