{% extends "global/Page.html" %}

{{ block title }}
Thank You
{{ endblock }}

{{ block content }}
<div class="thankyou-wrapper">
    {% if consent_given %}
        <h2>Thank You</h2>
        <p>
            Thank you for your time. You may exit the survey now.
        </p>
    {% else %}
        <p>
            Thank you for your interest in this study. We appreciate you taking the time to consider participating.
        </p>
        <p>
            If you have any questions or concerns, please feel free to reach out to the research team.
        </p>
    {% endif %}
</div>

<style>
    .thankyou-wrapper {
        max-width: 600px;
        margin: 60px auto;
        padding: 40px;
        text-align: center;
        background: #f9fafb;
        border-radius: 8px;
    }
    
    .thankyou-wrapper h2 {
        color: #1f2937;
        font-size: 32px;
        margin-bottom: 20px;
    }
    
    .thankyou-wrapper p {
        color: #374151;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 15px;
    }

</style>

{{ endblock }}