{{ extends "global/Page.html" }}
{{ block title }} Questionnaire{{ endblock }}

{{ block content }}


<style>
#corner-display {
            position: fixed;
            top: 10px;
            right: 20px;
            background-color: #f0f0f0;
            padding: 8px 12px;
            border-radius: 8px;
            box-shadow: 0 0 5px rgba(0,0,0,0.1);
            font-weight: bold;
            z-index: 1000;
        }
    
.custom-error {
    color: #ff0000;      /* bright red */
    font-size: 1.3em;    /* slightly larger text */
    font-weight: bold;   /* bold text */
    margin-bottom: 0px;  /* small spacing below the error */
}
    
</style>







<div id="corner-display">
        {{ Subject_Number }}
    </div>








{{ formfield 'Gender' }}
{{ formfield 'Age' }}





{% if form.Race_White.errors %}
  <div class="custom-error">
    {{ form.Race_White.errors.0 }}
  </div>
{% endif %}




<p style="margin-bottom: 5px;">
    3. Choose one or more races that you consider yourself to be.
</p>
<label>
  <input type="checkbox" name="Race_White" value="1"> White or Caucasian
</label><br>

<label>
  <input type="checkbox" name="Race_Black" value="1"> Black or African American
</label><br>

<label>
  <input type="checkbox" name="Race_American_Indian" value="1"> American Indian/Native American or Alaska Native
</label><br>

<label>
  <input type="checkbox" name="Race_Asian" value="1"> Asian
</label><br>

<label>
  <input type="checkbox" name="Race_Hawaiian" value="1"> Native Hawaiian or Other Pacific Islander
</label><br>

<label>
  <input type="checkbox" name="Race_Other" value="1"> Other
</label><br>

<label>
  <input type="checkbox" name="Race_Prefer_Not" value="1"> Prefer not to say
</label>

{{ formfield 'Ethnicity' }}
{{ formfield 'Student_Status' }}
{{ formfield 'Year_in_School' }}
{{ formfield 'Major' }}
{{ formfield 'Minor' }}
{{ formfield 'Thoughts_Choices_of_Myself' }}


{{ next_button }}

{{ endblock }}