{{ extends "global/Page.html" }}
{{ block title }}Prolific ID Check{{ endblock }}

{{ block content }}

<link rel="stylesheet" href="{{ static 'hiring-funnel.css' }}">

<div style="border-left: 4px solid #ef6c00; background: #fff8e1; padding: 16px; margin-bottom: 18px;">
    <p style="margin: 0 0 8px 0;"><strong>We could not verify your Prolific ID.</strong></p>
    {{ if pid_mismatch }}
        <p style="margin: 0;">The ID you entered does not match the ID passed in your Prolific link.</p>
    {{ endif }}
    {{ if pid_link_missing }}
        <p style="margin: 0;">No Prolific ID was detected in the URL. Please start from the Prolific study link so your ID can be verified.</p>
    {{ endif }}
</div>

<p><strong>Entered Prolific ID:</strong> {{ entered_pid }}</p>
<p><strong>ID from Prolific link:</strong> {{ url_pid }}</p>

<p style="margin-top: 18px;">Please return to Prolific and contact the researcher there for help. If needed, you may also close this tab now.</p>
<p><a class="btn btn-secondary" href="https://app.prolific.com/" target="_blank" rel="noopener">Return to Prolific</a></p>

<p style="font-size: 0.9em; color: #666; margin-top: 16px;">For data quality and payment matching, this session cannot continue until the Prolific ID is verified from a valid Prolific launch link.</p>

{{ endblock }}