{{ block title }}
Feedback
{{ endblock }}

{{ block content }}
<div class="card bg-mid m-0">
    <h4 class="card-header">Provide your feedback</h4>
    <div class="card-body">
        Thanks for your time and participation in the experiment.
        In this final page, we'd like to ask some questions about your experience of the experiment. 
        <br><br>
        You can use these questions to guide your feedback:
        <br>
        Did you encounter any issues or problems while answering the questions? Is there any wording that you found confusing or difficult to understand?
        Do you have any suggestions for improving the experiment?
        <br>
        {{ formfields }}
        If you wish to contact us about issues or other details that you think are important, please write to us at <a href="mailto:collectivemindslab@gmail.com">collectivemindslab@gmail.com.</a>
        <br><br>
        All your answers in this experiment will be recorded once you click the Submit button below.
    </div>
</div>
<br>
<button class="next-button" type="submit">Submit</button>

<style>
    .next-button {
        background-color: white;
        color: black;
        border: 2px solid #008CBA;
        font-size: 16px;
        padding: 10px 24px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        cursor: pointer;
        border-radius: 12px;
    }
    .next-button:hover {
        background-color: #008CBA;
        color: white;
    }
    .next-button:active {
        background-color: #005f8b;
        color: white;
        border: 2px solid #005f8b;
    }
</style>
{{ endblock }}