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

{{ block content }}

<div style="max-width: 600px; margin: 0 auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px;">
  <h6 style="text-align: center; margin-bottom: 20px;">Please answer the following questions.</h6>

  {{ formfield 'gender' }}
  {{ formfield 'age' }}
  {{ formfield 'employment_status' }}
  {{ formfield 'education' }}
  {{ formfield 'income_us' }}
  {{ formfield 'us_state' }}
  {{ formfield 'book' }}
  {{ formfield 'book3' }}
</div>


<button type="submit" class="submit-btn">Next</button>

<style>
    .submit-btn {
        display: block;
        width: 100%;
        padding: 10px;
        background-color: #4CAF50;
        color: white;
        font-size: 1.2em;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    .submit-btn:hover {
        background-color: #45a049;
    }
</style>

{{ endblock }}