{{ block title }}
{% if player.c2_yes == 0 %}
Right! Impossible is nothing.
{% else %}
Eben doch! Impossible is nothing.
{% endif %}
{{ endblock }}

{{ block styles }}
<style>
.responsive {
  width: 100%;
  height: auto;
}
</style>

{{ endblock }}

{{ block content }}

    <p>
        <img src="{{ static 'regi.jpeg' }}" class="responsive"/>
    </p>
<p>
   2 Monate später, im Juni 2019 laufe ich beim Regensburg Marathon fertig aber glücklich bei über 30 Grad ins Ziel. <p>
  <p> <b>Aber: </b> In weit über 4h, <b>4:41h </b> sind es geworden, und mit ordentlich Schmerzen. </p>
   <p> Meinen Entzündungen tat es auch nicht gut - Laufpause ist angesagt.
</p>

<p>Was denkst du, hör ich auf, oder schaffe ich das noch, Marathon in unter 4h?</p>

<div style="text-align:center">

  <tr>
    <th><input type="button" id="b_yes" name="b_yes" class="otree-btn-next btn btn-primary" value="Yes!"/>
</th>
    <th><input type="button" id="b_no" name="b_no" class="otree-btn-next btn btn-primary" value="Sorry, but nope"/>
</th>
  </tr>
    </div>

<input type="hidden" name="c3_yes" id="c3_yes" required  class="form-control">
<input type="hidden" name="c3_no" id="c3_no" required  class="form-control">

<button class="otree-btn-next btn btn-primary" style="display:none;" id="next_page">Submit</button>
{% endblock %}

{% block scripts %}
<script>
    b_yes = document.getElementById("b_yes")
    b_no = document.getElementById("b_no")
    b_yes.addEventListener('click', click_illu1)
    b_no.addEventListener('click', click_illu2)

    function click_illu1() {
        var c3_yes = document.getElementById('c3_yes');
        c3_yes.value = 1;
        var c3_no = document.getElementById('c3_no');
        c3_no.value = 0;
        var next_button = document.getElementById("next_page");
        next_button.click();
        console.log("this is the value", c3_yes.value, c3_no.value)
    }

    function click_illu2() {
        var c3_no = document.getElementById('c3_no');
        c3_no.value = 1;
        var c3_yes = document.getElementById('c3_yes');
        c3_yes.value = 0;
        var next_button = document.getElementById("next_page");
        next_button.click();
        console.log("this is the value", c3_yes.value, c3_no.value)

    }

</script>

{{ endblock }}