{% extends "global/Base.html" %}
{% load staticfiles otree_tags %}

{% block title %}

        Your role and decision

{% endblock %}

{% block content %}

    <p>

            You are the <strong>responder</strong>.

    </p>

    <p>

            The other player has offered you {{ group.amount_offered }}.

    </p>

    {% comment %}

        We would usually use the default widget provided by the form with this
        snippet:

            {% formfield group.offer_accepted %}

        But that would display a dropdown widget with the options "yes" and
        "no" that the user needs to select and then press next.

        We want to provide a nicer experience by using only a "Yes" and "No"
        button. The code after that comment provides that custom widget.

    {% endcomment %}

    <div class="form-group required">
        <label class="control-label">Do you wish to accept the offer?</label>
        <div class="controls">
            <button name="offer_accepted" value="True" class="btn btn-primary btn-large">Yes</button>
            <button name="offer_accepted" value="False" class="btn btn-primary btn-large">No</button>
        </div>
    </div>

    {% include Constants.instructions_file %}


{% endblock %}