{{ block title }}Debug Setup{{ endblock }}

{{ block content }}
<div class="card" style="max-width:520px; margin:0 auto;">

    <div style="background:#fff3cd; border:1px solid #ffc107; border-radius:6px;
                padding:12px 16px; margin-bottom:24px; font-size:.95rem;">
        ⚠ <strong>Debug mode</strong> — this page is not shown to real participants.
        Set <code>debug=False</code> in <code>settings.py</code> before going live.
    </div>

    <h2 style="margin-bottom:20px;">Debug Setup</h2>

    <p style="margin-bottom:20px; color:#6b7280;">
        Select your condition and task order, then click Continue to jump
        straight to the tasks — consent and all instructions will be skipped.
    </p>

    <div style="margin-bottom:20px;">
        <p style="font-weight:bold; margin-bottom:8px;">Condition</p>
        {{ formfield 'debug_condition' label='' }}
    </div>

    <div style="margin-bottom:28px;">
        <p style="font-weight:bold; margin-bottom:8px;">Task order</p>
        {{ formfield 'debug_task_order' label='' }}
    </div>

    <div style="display:flex; justify-content:flex-end;">
        {{ next_button }}
    </div>
</div>
{{ endblock }}