{{ block title }}
    Fishery Game: Period 1/3
{{ endblock }}
{{ block content }}
    <h4>
        <center> Round {{ player.round_number }}</center>
        <center> Total payoff: {{ participant.payoff }}</center>
    </h4>

    {{ if group.low_state }}
        {{ if group.fisher_entered == 0 }}
            <p><b><mark style="color: purple; background-color: white">Area A</mark></b> is on its way to recovery.
        {{ else }}
                <p>Someone entered <b><mark style="color: purple; background-color: white">Area A</mark></b>. It could not recover.
        {{ endif }}
    {{ else }}
        {{ if group.change }}
            <p>A <b><mark style="color: red; background-color: white">red</mark></b> ball has been drawn.</p>
            <p>Your fishing ground switches to<b><mark style="color: red; background-color: white">low state</mark></b>.</p>
            <img src="{{ static 'fishery_game_P1/red_ball.jpg' }}" class="center"/>
        {{ else }}
            <p>A <b><mark style="color: #008CBA; background-color: white">blue</mark></b> ball has been drawn.</p>
            <p>Your fishing ground stays in the<b><mark style="color: #008CBA; background-color: white">high state</mark></b>.</p>
            <img src="{{ static 'fishery_game_P1/blue_ball.jpg' }}" class="center"/>
        {{ endif }}
    {{ endif }}


<style>
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}
</style>


    {{ next_button }}
{{ endblock }}