{% extends "global/Page.html" %}
{% load otree static %}
{% load staticfiles otree %}
{% block title %}
    Feedback 2 / 2
{% endblock %}
{% block content %}


<style>
.rangeslider {
font-size:10pt;
padding-bottom: 5em;
}
input[type="range"]{
  width:100%;
}
.table{
font-size:10pt;
th, td {
  border-bottom: 1px solid #ddd;
}
}
</style>
            <div align="justify">

            </div>
            <h4>Questions about part 2:</h4><br><br>
            <div class="rangeslider" align="justify">

                <table style="width:100%">
                <tr height="30px">
                        <td colspan="3">
                            <b>3.</b> In part 2 of the experiment, you could decide whether or not you wanted to make a choice.
                            Did you feel that the decision you faced was well explained in the instructions? (See image below)  <br><br>
                </td></tr>
                    <tr height="30px">
                <td width="17.5%" align="center"/>Not at all well explained</td>
                  <td width="65%"><center><input type="range" name="Feedback3" step="0.01" class="slider" min="0" max="1" ></center></td>
                  <td width="17.5%" align="center">Very well explained</td>
              </tr>
                    <tr><td colspan="3"><center style="border: 1px dashed gray"> <img src="{% static 'Power/part2instructions.png' %}" width="80%" height="80%"/></center><br></td></tr>

                        <tr height="80px">
                    <td colspan="3">
                    <b>4.</b> Do you have any suggestions to improve the instructions in part 2?</tr>
                    </td>
                        </tr>
                        <tr>
                            <td colspan="3"><center><textarea name="Feedback4" rows="10" cols="130"></textarea></center></td>
                        </tr>
            </table>
                <br><br>
                <div align="right"><button class="btn btn-primary btn-large">Continue</button></div>

{% endblock %}