{{ extends "global/Page.html" }}
{{ block title }}Review{{ endblock }}

{{ block content }}

<div class="instruction-shell">

<h2>Key Concepts</h2>

{% if is_condition_1 %}
<div class="instruction-section">
  <p><strong>Your Decision Process:</strong> In each round, you will evaluate {{ num_candidates }} candidates through a 3-gate funnel: {{ num_candidates }} -> {{ gate1_select }} -> {{ gate2_select }} -> {{ final_select }}.</p>
  <ul>
    <li><strong>Gate 1 (Resume Screening):</strong> Select exactly {{ gate1_select }} candidates to advance. </li>
    <li><strong>Gate 2 (Zoom Interview):</strong> From the {{ gate1_select }} candidates, select exactly {{ gate2_select }} candidates.</li>
    <li><strong>Gate 3 (In-person):</strong> From the {{ gate2_select }} finalists, review Resume, Zoom, and In-person score cells.</li>
  </ul>
  <p>At each gate, all score cell is hidden initially. You can click an individual score cell to reveal that candidate's score of that stage. You do NOT need to click open every score before making a selection.</p>
</div>
{% else %}
<div class="instruction-section">
  <p><strong>Your Decision Process:</strong> In each round, you will see the {{ gate2_select }} finalists selected by another participant. Each Resume, Zoom, and In-person score cell is hidden initially. Click an individual score cell to reveal that candidate's score for that stage, then select and hire exactly {{ final_select }} candidate. You do NOT need to click open every score before making a selection.</p>
</div>
{% endif %}

<div class="instruction-section">
  <p><strong>Parameter Summary:</strong></p>
  <ul>
    <li>True Quality: Mean = 50, Std Dev = 15</li>
    <li>Resume Score Noise: Std Dev = {{ sigma_resume }}</li>
    <li>Zoom Score Noise: Std Dev = {{ sigma_zoom }}</li>
    <li>In-person Score Noise: Std Dev = {{ sigma_inperson }}</li>
  </ul>
  <p><strong>Bonus Payment:</strong> Your final bonus will be calculated based on ONE randomly selected main round. For that round, your bonus will be: $4.00 + 0.05 x (true quality of hired candidate), capped at $10.00.</p>
</div>

<hr style="margin: 30px 0;">

<h3>Comprehension Check</h3>

{% if is_condition_1 %}

<div class="instruction-question">
  <p>{{ form.Q_advance_candidate.label }}</p>
  {{ form.Q_advance_candidate }}
</div>

<div class="instruction-question">
  <p>{{ form.Q_bonus_calculation.label }}</p>
  {{ form.Q_bonus_calculation }}
</div>

{% endif %}

{% if is_condition_2 %}

<div class="instruction-question">
  <p>{{ form.Q_decision_process.label }}</p>
  {{ form.Q_decision_process }}
</div>

<div class="instruction-question">
  <p>{{ form.Q_bonus_calculation.label }}</p>
  {{ form.Q_bonus_calculation }}
</div>

{% endif %}

<div class="instruction-navigation">
  {{ next_button }}
</div>

</div>

{{ endblock }}