{{ extends 'global/Page.html' }}
{{ block title }}End of Study{{ endblock }}

{{ block content }}

<h6>
<p style = "text-align : center; color:#D32B2B"; ><b>
As you have indicated that you do not consent to participate in this study, please return this submission on Prolific by selecting the <u>'stop without completing' button'</u></b>
</p>
</h6>
<p>
If you require further support concerning your mental health and wellbeing please contact your general practitioner (GP), or the sources of support below:
</p>
<style>
    table {
        border: 2px solid #000; /* Border width and color */
        border-collapse: collapse; /* Collapse borders into a single border */
        width: 100%; /* Set table width to 100% of its container */
    }

    th, td {
        border: 1px solid #000; /* Border for table headers and cells */
        padding: 8px; /* Add padding for content within cells */
    }

    th {
        background-color: #f2f2f2; /* Background color for table headers */
    }
</style>
<table>
    <tr>
        <th><b>Service</b></th>
        <th><b>Contact Details</b></th>
    </tr>
    <tr>
        <td><b>Samaritans:</b> Confidential emotional support for those in distress</td>
        <td>Helpline: 116 123
        Email: <u>jo@samaritans.org</u>
        Website: <u>www.samaritans.org</u></td>
    </tr>
    <tr>
        <td><b>Mind:</b> Advice and support for anyone experiencing a mental health problem</td>
        <td> Website: <u>www.mind.org.uk</u>
        Twitter: @mindcharity</td>
    </tr>
</table>
<hr>
<div style ="text-align: center">
<button type="submit" class="btn btn-primary">End of Study Submission</button>
</div>
<hr>
<div style> <img src="{% static "UCL/UCL.png" %}"width="950"/>  
</div>

{{ endblock }}