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

{{ block content }}
    <h2 style="text-align: center; margin-bottom: 18px;">Questions</h2>
    <p style="text-align: center;">Please indicate how much you agree or disagree with the following statements.</p>
    <p style="text-align: center;"><b>Scale:</b> 1 = strongly disagree, 7 = strongly agree.</p>


<div style="max-width: 600px; margin: 40px auto; background: #f8f9fa; padding: 32px 28px; border-radius: 18px; box-shadow: 0 2px 16px rgba(0,0,0,0.05);">



    {{ formfields }}

</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 }}