{{ block title }}
{{ endblock }}

{{ block content }}
<p>In your honest opinion, have you devoted your full attention to the questions so far and do you believe we should use
  your responses for the analysis of our study?
</p>

<div style="display: flex; flex-direction: row;">
  <button name="attention_check" value="True"
    style="margin-right: 15px; background-color: #196CF9; border-color: #196CF9; border-radius: 5px; color: rgb(255, 255, 255);">Yes,
    I have given full attention, which means my responses are meaningful for the study.</button>
  <p></p>
  <button name="attention_check" value="False"
    style="background-color: #196CF9; border-color: #196CF9; border-radius: 5px; color: rgb(255, 255, 255);">No, I have
    not given full attention, so do not consider my responses for the study.</button>
</div>

<!-- TODO: REMOVE BUTTON BORDER AND ADD ON-CLICK HIGHTLIGHTING -->

{{ endblock }}