{{ block title }}Post-Task Survey{{ endblock }}
{{ block content }}

<div class="container mt-3" style="max-width: 800px;">

  <div class="alert alert-info">
    <strong>Post-Task Survey</strong> — Please answer all questions based on your
    experience across all 5 rounds. There are no right or wrong answers.
  </div>

  <!-- Section 1: Reliability -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-bold bg-dark text-white">
      Section 1: Reliability
      <small class="fw-normal ms-2 opacity-75">1 = Strongly Disagree &nbsp;·&nbsp; 7 = Strongly Agree</small>
    </div>
    <div class="card-body p-4">
      {% formfield player.trust_reliability_1 %}
      {% formfield player.trust_reliability_2 %}
      {% formfield player.trust_reliability_3 %}
      {% formfield player.trust_reliability_4 %}
    </div>
  </div>

  <!-- Section 2: Functionality -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-bold bg-dark text-white">
      Section 2: Functionality
      <small class="fw-normal ms-2 opacity-75">1 = Strongly Disagree &nbsp;·&nbsp; 7 = Strongly Agree</small>
    </div>
    <div class="card-body p-4">
      {% formfield player.trust_functionality_1 %}
      {% formfield player.trust_functionality_2 %}
      {% formfield player.trust_functionality_3 %}
    </div>
  </div>

  <!-- Section 3: Helpfulness -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-bold bg-dark text-white">
      Section 3: Helpfulness
      <small class="fw-normal ms-2 opacity-75">1 = Strongly Disagree &nbsp;·&nbsp; 7 = Strongly Agree</small>
    </div>
    <div class="card-body p-4">
      {% formfield player.trust_helpfulness_1 %}
      {% formfield player.trust_helpfulness_2 %}
      {% formfield player.trust_helpfulness_3 %}
      {% formfield player.trust_helpfulness_4 %}
    </div>
  </div>

  <!-- Section 4: Team Trust -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-bold bg-secondary text-white">
      Section 4: Team Trust
      <small class="fw-normal ms-2 opacity-75">1 = Strongly Disagree &nbsp;·&nbsp; 7 = Strongly Agree</small>
    </div>
    <div class="card-body p-4">
      {% formfield player.trust_team_1 %}
      {% formfield player.trust_team_2 %}
    </div>
  </div>

  <!-- Section 5: Interpersonal Trust -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-bold bg-secondary text-white">
      Section 5: Interpersonal Trust
      <small class="fw-normal ms-2 opacity-75">1 = Strongly Disagree &nbsp;·&nbsp; 7 = Strongly Agree</small>
    </div>
    <div class="card-body p-4">
      {% formfield player.trust_interpersonal_1 %}
      {% formfield player.trust_interpersonal_2 %}
    </div>
  </div>

  <!-- Section 6: AI Transparency (5-pt) -->
  <div class="card border-0 shadow-sm mb-4">
    <div class="card-header fw-bold bg-primary text-white">
      Section 6: AI Transparency
      <small class="fw-normal ms-2 opacity-75">1 = Strongly Disagree &nbsp;·&nbsp; 5 = Strongly Agree</small>
    </div>
    <div class="card-body p-4">
      {% formfield player.mc_transparency_1 %}
      {% formfield player.mc_transparency_2 %}
    </div>
  </div>

  <div class="text-end mt-2 mb-5">
    {{ next_button }}
  </div>

</div>

{{ endblock }}