{% extends "global/Page.html" %}
{% load otree static %}
{% load staticfiles otree %}
{% block title %}
    Feedback 1 / 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">
            <p>
                Thank you very much for participating! We greatly appreciate your feedback!<br>
            </p>
            <p>
                As this experiment is a pilot for a larger study, we are very interested in learning about your experiences
                in order to improve the study design.
            </p>
            <p>
                Please note that your answers to the questions below do not affect your payoffs from this experiment.<br>
                Thank you very much!
            </p>
            </div>
            <h4>Questions about part 1:</h4><br><br>
            <div class="rangeslider" align="justify">

                <table style="width:100%">
                <tr height="30px">
                        <td colspan="3">
                    <b>1.</b> Did you feel that the choices you faced in part 1 were 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="Feedback1" 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/part1instructions.png' %}" width="80%" height="80%"/></center><br></td></tr>

                        <tr height="80px">
                    <td colspan="3">
                    <b>2.</b> Do you have any suggestions to improve the instructions in part 1?
                    </td>
                        </tr>
                        <tr>
                            <td colspan="3"><center><textarea name="Feedback2" rows="10" cols="130"></textarea></center></td>
                        </tr>
                </table>


            <br><br>



            <br>
            <br>
                <div align="right"><button class="btn btn-primary btn-large">Continue</button></div>




{% endblock %}