{{ block title }}
{% if player.c_yes == 1 %}
Nice!
{% else %}
Ok :( .. dann komm ich mal zum Punkt ;)
{% endif %}
{{ endblock }}

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

{{ endblock }}

{{ block content }}

<p>
  Was <b>Impossible is nothing </b> für mich bedeutet?
</p>
<p>
  2019 hatte ich das (zugegeben, ambitionierte) Ziel: <br>
    Ersten Marathon laufen, und direkt in unter 4h!
</p>
<p>
    Schnell stellten sich Schmerzen ein. Diagnose vom Orthopäde: <br>
 Sehnenenzündungen und Läuferknie. </p>
 Marathonlaufen könne ich mit meiner Fußfehlstellung und meinem Becken sowieso nie, oder zumindest nicht in naher Zukunft, meint er.
</p>
 <p>
        <img src="{{ static 'diagnose.png' }}" class="responsive"/>

    </p>
<br>
<br>
<p>Was denkst du, hat er recht?</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="Ja, leider"/>
</th>
    <th><input type="button" id="b_no" name="b_no" class="otree-btn-next btn btn-primary" value="No way!"/>
</th>
  </tr>
    </div>

<input type="hidden" name="c2_yes" id="c2_yes" required  class="form-control">
<input type="hidden" name="c2_no" id="c2_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 c2_yes = document.getElementById('c2_yes');
        c2_yes.value = 1;
        var c2_no = document.getElementById('c2_no');
        c2_no.value = 0;
        var next_button = document.getElementById("next_page");
        next_button.click();
        console.log("this is the value", c2_yes.value, c2_no.value)
    }

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

    }

</script>

{{ endblock }}