{{ extends 'global/Page.html' }}
{{ block title }}Fishing Vacation{{ endblock }}

{{ block content }}
<br>
{{ if player.round_number == 1 }}
<p> You are about to do a round of fishing. </p>

{{ else }}
 <p> This is round <b>{{ player.round_number }}</b> of {{ C.NUM_ROUNDS }}.</p>
<p>So far you have caught a total of <b>{{ player.participant.total }} fish</b> and have earned a bonus of <b>{{ player.participant.bonus }}</b>! </p>
{{ endif }}


<br>
<br>
{{ if player.round_number == 1 }}
<p> You meet Taylor, a local fisherman on the fishing site. They give you the opportunity to choose which of the two lakes
    you'd like to fish from, and they will go fish from the other. </p>

{{ else }}
<p> Taylor again gives you the opportunity to choose which of the two lakes
    you'd like to fish from, <br>and they will go fish from the other. </p>

{{ endif }}
<br>
<br>

Which lake will you fish from?


<br>
{{ for image in image_data }}
    <label style="text-align: center">
        {{ if image.name == 'https://i.ibb.co/Rp9FXkR/Lake03.png' and player.advice == 'Bagel' and player.round_number > 5 and 'No_Advice' not in participant.condition }}
                <img src='https://i.ibb.co/0C42mJj/Untitled-design-4.png' width="150px">
        {{ elif image.name == 'https://i.ibb.co/Wf6HnxT/Lake05.png' and player.advice == 'Pacman' and player.round_number > 5 and 'No_Advice' not in participant.condition }}
                <img src='https://i.ibb.co/4gxSYg3/Untitled-design-5.png' width="150px">
        {{ endif }}

        <br>

        <img src='{{ image.path }}' width="250px"  style="margin: 1px 50px 1px 50px;">
        <br>
        <br>

        {{ if image.name == 'https://i.ibb.co/Rp9FXkR/Lake03.png' }}
            <b>Bagel</b>
        {{ else }}
            <b>Pacman</b>
        {{ endif }}

        <br>
        <input type="radio" name="img_choice" value="{{ image.name }}">
    </label>

{{ endfor }}


{{ formfield_errors 'img_choice' }}

<br>
{{ next_button }}
<style>
.page-header{
text-align:center;
}
.otree-body{
text-align: center;
}
</style>



<!---->
<!--<br>-->
<!--{{ next_button }}-->


{{ endblock }}