{{ block title }}
    {{ if subsession.is_practice_round }}
        Practice round {{ subsession.round_number }} of {{ C.NUM_PRACTICE_ROUNDS }}:
    <font color="#3E43D3 ">Introduction </font>
    {{ else }}
        Round {{ subsession.real_round_number }} of {{ C.NUM_REAL_ROUNDS }}:
    <font color="#3E43D3 ">Introduction </font>
    {{ endif}}
{{ endblock }}

{{ block content }}

{{ if player.round_number == 1 }}
<h4 style="color:blue"> Welcome to the game! </h4>

    <p> You are a <b>{{ a }}</b>. You will play {{ C.NUM_PRACTICE_ROUNDS }} practice
    rounds with a computerized player. The computerized player will make the decisions randomly.
        The following payoffs will be used during the practice rounds. The payoffs in practice round
        will not affect your earnings </p>

    {{ if b == 1 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/fp4amv8wy3qz18e/tree1.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ elif b == 2 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/dxmyw1pmlpa917l/tree3.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ elif b == 3 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/68xyvov74q63kgi/tree2.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ else }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/brykkpgsz8jurlp/tree4.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ endif }}





{{ elif player.round_number != 1 and subsession.is_practice_round }}
<p> Practice round {{ player.round_number }} is starting. </p> <p> Your are <b>{{ a }}</b>. </p>

{{ elif player.round_number == c1 }}
<h4 style="color:blue"> You completed the practice rounds. </h4>
        <p>  Round 1 is now starting. From now, you are playing with other participants in your group.
    Your decisions thereafter will affect your earnings. </p>

<p> Your are <b>{{ a }}</b>. The following earnings will be used from round 1 to round 8.</p>

    {{ if b == 1 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/fp4amv8wy3qz18e/tree1.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ elif b == 2 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/dxmyw1pmlpa917l/tree3.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ elif b == 3 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/68xyvov74q63kgi/tree2.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ else }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/brykkpgsz8jurlp/tree4.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ endif }}


{{ elif player.round_number == c2 }}

<p> Round 9 is starting. Your are <b>{{ a }}</b>. <font color="blue">The buyer's possible earnings are changed.
</font> The following earnings will be used from round 9 to round 16.</p>

    {{ if b == 1 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/68xyvov74q63kgi/tree2.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ elif b == 2 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/brykkpgsz8jurlp/tree4.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ elif b == 3 }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/fp4amv8wy3qz18e/tree1.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ else }}
        <div style="text-align: center;"> <img src="https://www.dropbox.com/s/dxmyw1pmlpa917l/tree3.png?raw=1" width="600px" height="auto"
                                       style="border: 2px solid #555;"/>
        </div>

    {{ endif }}


{{else}}
<p> Round {{ subsession.real_round_number }} is starting. Your are <b>{{ a }}</b>.

{{ endif }}


<h1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h1>

 <p> Click the button to proceed.  </p>
    {{ next_button }}

{{ endblock }}