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


{# ****************************************************************************************************************** #}
{# *** STYLES *** #}
{# ****************************************************************************************************************** #}
{% block styles %}
    <link href="{% static 'mpl/css/custom.css' %}" rel="stylesheet">
{% endblock %}

{# ****************************************************************************************************************** #}
{# *** TITLE *** #}
{# ****************************************************************************************************************** #}

{% block title %}

{% endblock %}

{% block content %}
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<style>
        .mgslider-wrapper {
            border-spacing: 10px;
        }
        .mgslider-limit {
            width: 10%;
            min-width: 75px;
            height: 40px;
            margin: 100px;
            text-align: center;
            background: #eee;
            border: 1px solid #888;
        }
        .mgslider-limit, .mgslider-value {
            font-variant-numeric: tabular-nums;
        }
        .mgslider-before {
            height: 16px;
            width: 100%;
            background: #1e5bff;
        }
        .mgslider-feedback {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>

<p>
<b>
    In this section, we will ask you some questions regarding how certain you are with the beliefs that you indicated in
    the previous page. We ask that you provide your best guesses. Please answer the 4 questions below on a 0 − 100 scale
    where 0 means not certain at all and 100 means very certain.
</b>
</p>

<p>
1. Your answer from the previous page indicates that you believe there is a {{ risk_5yr }} % chance that you will be
    diagnosed with breast cancer from now to 5 years from now. How certain are you that the statistically
    optimal guess given all the information you have is somewhere between {{ risk_5yr_low }} % and
    {{ risk_5yr_high }}%?
</p>

<p>
{{ formfield 'five_year_risk_uncer' }}

</p>
<br>

<p>
2. Your answer from the previous page indicates that you believe there is a {{ risk_5yr_s }} % chance that someone similar
    to you will be diagnosed with breast cancer from now to 5 years from now. How certain are you that the statistically
    optimal guess given all the information you have is somewhere between {{ risk_5yr_low_s }} % and
    {{ risk_5yr_high_s }}%?
</p>

<p>
{{ formfield 'five_year_risk_s_uncer' }}

</p>
<br>

<p>
3. Your answer from the previous page indicates that you believe there is a {{ risk_life }} % chance that you will be
    diagnosed with breast cancer from now to 50 years from now. How certain are you that the statistically
    optimal guess given all the information you have is somewhere between {{ risk_life_low }}% and
    {{ risk_life_high }}%?
</p>

<p>
{{ formfield 'life_time_risk_uncer' }}


</p>

<p>
4. Your answer from the previous page indicates that you believe there is a {{ risk_life_s }} % chance that someone similar
    to you will be diagnosed with breast cancer from now to 50 years from now. How certain are you that the statistically
    optimal guess given all the information you have is somewhere between {{ risk_life_low_s }} % and
    {{ risk_life_high_s }}%?
</p>

<p>
{{ formfield 'life_time_risk_s_uncer' }}

</p>
<br>


{% next_button %}

{% endblock %}