{% extends "global/Page.html" %}

{% block title %}Survey{% endblock %}
{% block content %}
<hr>
&nbsp;

<p>Which action do you think this person would have taken? Click one of the blue buttons to submit your answer.</p>

<p id="message"></p>

<div style="text-align: center">
    <img id="your_photo" src="" width="500px"/>
</div>

&nbsp;

<div style="text-align: center">
    <button name="action_predicted" value=1 class="btn btn-primary btn-large">1</button>
    &nbsp;
    &nbsp;
    &nbsp;
    &nbsp;
    <button name="action_predicted" value=2 class="btn btn-primary btn-large">2</button>
</div>

<script>
    let yourPhoto = "CFD/{{ player.photo_this_round }}";
    document.getElementById("your_photo").src = "{{ static your_photo }}";

    const message = document.getElementById("message");
    if ('{{mod}}' == 'True') {
        message.innerHTML = 'Assume that payoffs were modified.'
    } else {
        message.innerHTML = 'Assume that payoffs were not modified.'
    }
</script>

{% endblock %}