{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    <u>{{ title_text }}</u>
{% endblock %}

{% block styles %}
    <style>
    body{
       text-align: center;
       align-items: center;
       justify-content: center;
    }

    .otree-title.page-header{
       font-size: 36px;
       text-decoration: underline;
   }
    p{
    font-size: 32px;
    text-indent:2em;
}
    </style>
{% endblock %}
# 내용
{% block content %}
    <br>
    {% if player.roles == 'S' %}
        <p>
        Your role is <span style ="font-size:1.2em; font-weight: bold; color: red">S</span> in {{ pract_or_off}}.
        </p>
    {% else %}
        <p>
            Your role is <span style ="font-size:1.2em; font-weight: bold; color: dodgerblue">R</span> in {{ pract_or_off}}.
        </p>
        {% if subsession.num_FR > 0 %}
        <p style="text-align: center;">
             <p style="text-align: right; display: inline-block;">
            (There is {{ TR_prob }}% of chance that you are <span style ="font-size:1.2em; font-weight: bold; color: dodgerblue">True R</span> &nbsp;&nbsp;
                <br> and {{ FR_prob }}% of chance that you are <span style ="font-size:1.2em; font-weight: bold; color: darkgrey">False R</span>.)
            </p>
        </p>
        {% endif %}
    {% endif %}
    <br>
    <button class="otree-btn-next btn btn-primary" id="next_page" style=" font-size: 22px; margin: 5px; padding: 5px;"> CONTINUE </button>

{% endblock %}
# 제목
{% block scripts %}
    <script>

    {#let roundnum = parseInt({{ roundnum }});#}
    {#if (roundnum < 6 ){#}
    {#    $(".otree-title.page-header").text("Round #"+roundnum+": Practice Round");#}
    {#}#}
    {#else{#}
    {#    $(".otree-title.page-header").text("Round #"+roundnum+": Official Round");#}
    {#}#}
    </script>
{% endblock %}