{{ block title }}
Guessing Page
{{ endblock }}


{{ block content }}


    <p> Welcome to the guessing page. It is now your turn to guess the chosen urn (Urn A or Urn B).</p>

    <p>
        Before you guess Urn A or Urn B, you can now view the color of of a ball that was randomly
        drawn from the selected urn.
    </p>

    {% if player.color_of_ball_signal == 1 %}

        <img src="{{ static 'urn_distribution/black_ball_draw.gif' }}" width="300" height="300"/>

    {% else %}

        <img src="{{ static 'urn_distribution/white_ball_draw.gif' }}" width="300" height="300"/>

    {% endif %}

    {% if player.player_id == 1%}
        <p> You are the first person to make your guess. You can do so now. When you are comfortable with your
        selection click the 'Next Page' button to lock in your prediction and to move on to the next person.</p>

    {% else %}

        <p> Since you are player {{ player.player_id }} you can also view the guesses made by prior participants.
        They are listed below:</p>

        <table>

            <tr>
                <th style="width:300px"> Player Number </th>
                <th> </th>
                <th> Guess </th>
            </tr>
            <tr><td colspan="3"> <hr /> </td> </tr>
            {{ for other in others }}
            <tr>
                <td class="test">Player {{ other.player_id }}</td>
                <th> </th>
                <td>{{ other.string_choice }}</td>
            </tr>
            {{ endfor }}
            <tr><td colspan="3"> <hr /> </td> </tr>
        </table>


        <p> You can now make your guess. Once you have made your
        selection click the 'Next Page' button to lock it in and to move on to the next person.</p>

    {% endif %}

    {{formfields}}
    {{ next_button }}

    {{ include Constants.instructions_template }}

{{ endblock }}