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


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

{% block title %}
     Demographic
{% endblock %}

{% block content %}


{{ formfield 'race' }}
{{ formfield 'past_mammogram' }}

<script>
$(document).ready(function () {
    toggleFields();
    $("#past_mammogram").change(function () {
        toggleFields();
    });

});
function toggleFields() {
     let form = document.getElementById('form');
     let past_mammogram = document.getElementsByName('past_mammogram')[0].value;
     if (past_mammogram ===  1) {
         warnings.push("Are you sure you don't want to contribute anything?");
     }
     form.submit();
}
</script>


{% next_button %}
{% endblock %}