{{ block title }}
    Practice Round Result
{{ endblock }}
{{ block content }}
<div class="card m-3">
    <div class="card-header">
        <h3>How to Play</h3>
    </div>
    <div class="card-body" id="rules">
        <p>
            On this page you will see the game result.<br>
            In addition, you will be asked whether you want to commit to the strategy you just used.<br>
            That is<br>
            <ul>
                <li>If your first-stage choice and final choice were consistent, you can commit to the strategy "Stay".</li>
                <li>If your first-stage choice and final choice were different, you can commit to the strategy "Switch".</li>
            </ul>
        </p>
        <p>
            Committing will increase the winning payoff by 1 game point in all following rounds, but after the reveal of a goat you must<br>
            <ul>
                <li>stay with your first-stage choice if you commit to "Stay".</li>
                <li>switch a door if you commit to "Switch".</li>
            </ul> 

        </p>
        <p>
            This is the practice round.<br>
            You must pass the following quiz about the game rules to start the official rounds.
        </p>
    </div>
</div>

<div class="card bg-light m-3">
    <div class="card-body">
        <p>
            {{ if player.is_winner }}
                You won. Your payoff in this round is {{ player.payoff }}.
            {{ else }}
                You lost. Your payoff in this round is {{ player.payoff }}.
            {{ endif }}
        </p>

        <p>
            In this round, 
            {{ if player.switch }}
                you switched to another door in the second stage.<br>
                You now have the option to commit to the strategy "Switch".<br>
                If you do so, you get an additional 1 game point every time you win, but you must switch your answer after you click "Reveal a goat" in the following rounds.
            {{ else }}
                you stayed with your first-stage choice.<br>
                You now have the option to commit to the strategy "Stay".<br>
                If you do so, you get an additional 1 game point every time you win, but you lose the option to change your answer after you click "Reveal a goat" in the following rounds.
            {{ endif }}
        </p>
    </div>
    <div class="card-footer">
        <p>
            {{ if player.switch }}
            Do you want to commit to the strategy "Switch"?
            {{ else }}
            Do you want to commit to the strategy "Stay"?
            {{ endif }}
        </p>
            
        <div>
            <!-- set checked="checked" so No is default -->
            <input class="form-check-input" type="radio" id="No" name="commit" checked="checked" style="font-size: 20px" required>
            <label style="font-size: 18px;">No</label>
        </div>
        <div>
            <input class="form-check-input" type="radio" id="Yes" name="commit" style="font-size: 20px" required>
            <label style="font-size: 18px;">Yes</label>
        </div>
    </div>
</div>
    {{ formfield_errors 'commit' }}

    <br>
    {{ next_button }}

    <style>
        .card {
            background-color: lightyellow;
        }

        p{
            font-size: 18px;
        }
        ul{
            font-size: 18px;
        }
        li{
            font-size: 18px;
        }
    </style>

    <script>
        document.getElementById('No').value = 0;
        if (js_vars.switch) {
            document.getElementById('Yes').value = 1;
        } else {
            document.getElementById('Yes').value = 2;
        }
        
    </script>

{{ endblock }}