{{ extends "global/Page.html" }}
{{ block title }}Instructions - Part 1{{ endblock }}

{{ block content }}

<div class="instruction-shell">

<h2>Task Overview</h2>

{% if is_condition_2 %}
<div class="instruction-section">
  <h3>Scenario: Hiring for a Junior Analyst Position with a Funnel</h3>
  <p>Imagine you are a member of the hiring committee at a mid-sized company that is looking to hire a new Junior Analyst. The company cares a lot about the true underlying quality of the person they hire—things like analytical skills, communication, reliability, and general problem-solving ability.</p>
  <p>Historically, it is known that for candidates who apply for this job, the true quality is normally distributed with mean {{ mu }} and standard deviation {{ sigma }}.</p>
  {{ if true_quality_distribution_uri }}
  <div class="instruction-figure-container">
    <img
      src="{{ true_quality_distribution_uri }}"
      alt="Distribution of candidate true quality"
      class="instruction-figure true-quality-instruction-figure"
    >
  </div>
  {{ endif }}
</div>
{% else %}
<div class="instruction-section">
  <h3>Scenario: Hiring for a Junior Analyst Position with a Funnel</h3>
  <p>Imagine you are a member of the hiring committee at a mid-sized company that is looking to hire a new Junior Analyst. The company cares a lot about the true underlying quality of the person they hire—things like analytical skills, communication, reliability, and general problem-solving ability.</p>
  <p>Historically, it is known for the candidates who apply for this job, the true quality is normally distributed with mean {{ mu }} and standard deviation {{ sigma }}.</p>
  {{ if true_quality_distribution_uri }}
  <div class="instruction-figure-container">
    <img
      src="{{ true_quality_distribution_uri }}"
      alt="Distribution of candidate true quality"
      class="instruction-figure true-quality-instruction-figure"
    >
  </div>
  {{ endif }}
</div>
{% endif %}

<div class="instruction-section">
  <p><strong>Your Goal:</strong> Your goal is to hire the candidate with the highest true quality in each round to maximize your bonus payment.</p>
</div>

<div class="instruction-section">
  {% if is_condition_1 %}
  <p><strong>Funnel:</strong> You will evaluate {{ num_candidates }} candidates through a 3-gate funnel: {{ num_candidates }} -> {{ gate1_select }} -> {{ gate2_select }} -> {{ final_select }}.</p>
  <ul>
    <li>At Gate 1, select exactly {{ gate1_select }} candidates to advance.</li>
    <li>At Gate 2, select exactly {{ gate2_select }} candidates to advance.</li>
    <li>At Gate 3, select exactly {{ final_select }} candidate to hire.</li>
  </ul>
  {% else %}
  <p><strong>Final decision:</strong> You will see {{ gate2_select }} finalists selected by another participant and choose exactly {{ final_select }} candidate to hire.</p>
  {% endif %}
</div>

<div class="instruction-section">
  <p><strong>Scores you will see:</strong> Since you do not know each candidate's exact true quality, your company has collected THREE different evaluation scores:</p>
  <ul>
    <li>A Resume score</li>
    <li>A Zoom score</li>
    <li>An In-person score</li>
  </ul>
</div>

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

<h3>Comprehension Check</h3>

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

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

</div>

{{ endblock }}