{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Quiz {{ player.q_num }} of 3
{% endblock %}

{% block content %}

    <p> To ensure that you understand the rules, please answer the questions below.
        If you answer any question incorrectly, you will be brought back to the
        Instructions page to review.


    <div id="target1" class="target"></div>

    You choose the <strong> {{ row }} </strong> row and the other person chooses the <strong> {{ col }} </strong> column.

    {% formfield player.payoff_quiz label="What payoff do you receive?" %}
    {% formfield player.other_payoff_quiz label="What payoff does the other player receive?" %}

    <div class="centered">
        {% next_button %}
    </div>


    <script>
        $('#id_other_payoff_quiz').val('');
        $('#id_payoff_quiz').val('');
        var game = JSON.parse("{{ player.game }}");
        var row = null;
        var col = null;

        $(document).ready(function () {
          showGame('#target1', game);
        });
    </script>

{% endblock %}