{{ block style }}
<link rel="stylesheet" href="/static/global/style.css">

{{ endblock }}




{{ block title }}
Instructions
{{ endblock }}

{{ block content }}

{{ include "instructions/instructions_part.html"}}


{{ next_button }}

<script src="/static/global/functions.js"></script>


<script>


    document.addEventListener('DOMContentLoaded', (event) => {
        // Draw the game tree
        var p1_tails = formatNumber({{ session.config.p1_tails | json}});
        var p2_tails = formatNumber({{ session.config.p2_tails | json}});
        var p1_left = formatNumber({{ session.config.p1_left | json}});
        var p1_left_prob = {{ session.config.p1_left_prob | json}};
        var p1_left_otherwise = formatNumber({{ session.config.p1_left_otherwise | json}});
        var p2_left = formatNumber({{ session.config.p2_left | json}});
        var p1_right = formatNumber({{ session.config.p1_right | json}});
        var p2_right =  formatNumber({{ session.config.p2_right | json}});
        drawTree(p1_tails=p1_tails, p2_tails=p2_tails, p1_left=p1_left, p1_left_prob=p1_left_prob, p1_left_otherwise=p1_left_otherwise, p2_left=p2_left, p1_right=p1_right, p2_right=p2_right);
    });
</script>
{{ endblock }}