{{ block title }}
Consent Form for Participants Able to Give Consent
{{ endblock }}
{{ block content }}
<style>
  .consent-wrap { max-width: 900px; margin: 0 auto; }
  .consent-meta { margin: 0 0 1rem 0; }
  .consent-meta p { margin: 0.2rem 0; }
  .consent-table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
  .consent-table th, .consent-table td { border: 1px solid #ddd; padding: 10px; vertical-align: top; }
  .consent-table th { background: #f6f6f6; text-align: left; }
  .initial-col { width: 160px; text-align: center; white-space: nowrap; }
  .note { font-size: 0.95em; color: #444; margin-top: 0.75rem; }
  .yesno { display: inline-flex; gap: 1rem; align-items: center; justify-content: center; }
  .mt-16 { margin-top: 16px; }
</style>

<div class="consent-wrap">

  <div class="consent-meta">
    <p><strong>Full Title of Project:</strong> Beliefs, Behaviour, and Policy in Future Respiratory Pandemics: A Survey-Experiment and Transmission Game</p>
    <p><strong>Name of Principal Investigator:</strong> Miraldo, Marisa</p>
  </div>

  <p>
    Please download the <a href="{{ static 'Information_sheet_V1.docx' }}" download>Participation information sheet</a> by clicking on the link.
    This document contains important information about this research study. It explains the purpose of the study,
    what your involvement will entail, the potential risks and benefits, and how your data will be used.
  </p>

  <p class="note"><strong>Please tick the relevant box for each statement.</strong></p>

  <table class="consent-table">
    <thead>
      <tr>
        <th>Statement</th>
        <th class="initial-col">Please tick</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>
          I confirm that I have read and understand the participant information sheet
          for (Beliefs, Behaviour, and Policy in Future Respiratory Pandemics: A Survey-Experiment and Transmission Game)
          and have had the opportunity to ask questions which have been answered fully.
        </td>
        <td class="initial-col">
          <!-- oTree field (BooleanField) e.g., consent_read = models.BooleanField() -->
          {{ formfield 'consent_read' }}
        </td>
      </tr>

      <tr>
        <td>
          I understand that my participation is voluntary, and I am free to withdraw at any time, without giving any reason
          and without my legal rights nor treatment / healthcare being affected.
        </td>
        <td class="initial-col">
          <!-- BooleanField -->
          {{ formfield 'consent_voluntary' }}
        </td>
      </tr>

      <tr>
        <td>
          I give consent for information collected about me to be used to support other research by an academic institution
          or commercial company in the future, including those outside of the United Kingdom (which Imperial has ensured
          will keep this information secure).
        </td>
        <td class="initial-col">
          <!-- oTree field (StringField / IntegerField with choices) e.g., consent_future_research = models.StringField(choices=[('Yes','Yes'),('No','No')]) -->
          {{ formfield 'consent_future_research' }}
        </td>
      </tr>

      <tr>
        <td>
          I understand that data collected from me are a gift donated to Imperial College and that I will not personally
          benefit financially if this research leads to an invention and/or the successful development of a new test,
          medication treatment, product or service.
        </td>
        <td class="initial-col">
          <!-- BooleanField -->
          {{ formfield 'consent_no_financial_benefit' }}
        </td>
      </tr>

      <tr>
        <td>
          I consent to take part in (Beliefs, Behaviour, and Policy in Future Respiratory Pandemics: A Survey-Experiment and Transmission Game).
        </td>
        <td class="initial-col">
          <!-- BooleanField -->
          {{ formfield 'consent_take_part' }}
        </td>
      </tr>

      <tr>
        <td>
          I give consent to being invited to take part in future studies via Prolific.
        </td>
        <td class="initial-col">
          <p>Please tick the relevant box</p>
          <!-- StringField / IntegerField with choices -->
          {{ formfield 'consent_future_prolific' }}
        </td>
      </tr>
    </tbody>
  </table>

</div>
<br>
<center><button class="btn btn-primary">Continue</button></center>

{{ endblock }}