{% block title %}
Scenario {{ player.round_number }}: Would you want the same if you were John?
{% endblock %}

{% block content %}

{{ if session.config.development }}
    <button class="btn btn-danger otree-btn-next" style="float: right;">Skip</button>
{{ endif }}

<div class="container">
    {% if app_name == "song" %}
    <p>Suppose that, like John, you value human-written poetry.</p>
    {% elif app_name == "books" %}
    <p>Suppose that, like John, you are a fan of the author.</p>
    {% elif app_name == "surveillance" %}
    <p>Suppose that, like John, you value privacy.</p>
    {% elif app_name == "catfishing" %}
    <p>Suppose that, like John, you enjoy chatting with real creators online.</p>
    {% elif app_name == "eggs" %}
    <p>Suppose that, like John, you care about food sourcing.</p>
    {% endif %}
    <p>Please tell us how much you agree with the following statement:</p>

    <div class="card mb-3">
        <div class="card-body text-center">
            <em>
                "My choice reflects what I would like if I were {{ config.recipient }}."
            </em>
        </div>
    </div>

    <div class="mb-3">
        {{ formfield_errors 'ideals_projection' }}
        {% for val, label in ideals_choices %}
        <div class="form-check">
            <input class="form-check-input" type="radio" name="ideals_projection"
                   id="ideals_projection_{{ val }}" value="{{ val }}">
            <label class="form-check-label" for="ideals_projection_{{ val }}">
                {{ label }}
            </label>
        </div>
        {% endfor %}
    </div>

    <div class="text-end"><button class="btn btn-primary btn-large">Next</button></div>
</div>

{% endblock %}