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

{{ block content }}

<h2>Study Instructions</h2>

{% if is_condition_2 %}
<div style="background-color: #f0f8ff; border-left: 4px solid #2196F3; padding: 15px; margin-bottom: 20px;">
  <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>
  <div style="margin-top: 12px; text-align: center;">
    <img src="{{ static 'true_quality_distribution.png' }}" alt="Distribution of True Quality" style="max-width: 100%; height: auto;">
  </div>
</div>
{% else %}
<div style="background-color: #f0f8ff; border-left: 4px solid #2196F3; padding: 15px; margin-bottom: 20px;">
  <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>
  <div style="margin-top: 12px; text-align: center;">
    <img src="{{ static 'true_quality_distribution.png' }}" alt="Distribution of True Quality" style="max-width: 100%; height: auto;">
  </div>
</div>
{% endif %}

<div style="margin-bottom: 20px;">
  <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 style="margin-bottom: 20px;">
  <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 interview score</li>
    <li>An In-person interview score</li>
  </ul>
</div>

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

<h3>Comprehension Check</h3>

<div style="margin-bottom: 25px;">
  <p>{{ form.Q_ultimate_mission.label }}</p>
  {{ form.Q_ultimate_mission }}
</div>

{{ next_button }}

{{ endblock }}