{{ extends "global/Page.html" }}
{{ block title }}Perceptions & Reflections{{ endblock }}

{{ block content }}
<div class="ds-page">
  <div class="ds-title">Perceptions &amp; Reflections</div>
  <div class="ds-subtitle">A few more questions about your experience. Please continue to answer honestly.</div>

  <div class="card">
    <div class="survey-q">
      {{ formfield "attr_personal_responsibility" }}
      <div class="likert-anchors" style="max-width:420px;">
        <span>1 = Not at all their fault</span><span>7 = Entirely their fault</span>
      </div>
    </div>

    <div class="survey-q">
      {{ formfield "attr_working_conditions" }}
      <div class="likert-anchors" style="max-width:420px;">
        <span>1 = Not at all</span><span>7 = A great deal</span>
      </div>
    </div>

    <div class="survey-q">
      {{ formfield "attr_schedule_control" }}
      <div class="likert-anchors" style="max-width:420px;">
        <span>1 = No control at all</span><span>7 = Complete control</span>
      </div>
    </div>

    <div class="survey-q">
      {{ formfield "attr_org_pressure" }}
      <div class="likert-anchors" style="max-width:420px;">
        <span>1 = Not demanding at all</span><span>7 = Extremely demanding</span>
      </div>
    </div>

    <div class="survey-q">
      {{ formfield "manip_check_binary" }}
    </div>

    <div class="survey-q">
      {{ formfield "manip_check_text" }}
    </div>

    <div class="survey-q">
      {{ formfield "empathy" }}
      <div class="likert-anchors" style="max-width:420px;">
        <span>1 = Never</span><span>7 = Constantly</span>
      </div>
    </div>

    <div class="survey-q" style="margin-bottom:0;">
      {{ formfield "fairness" }}
      <div class="likert-anchors" style="max-width:420px;">
        <span>1 = Very unfair</span><span>7 = Very fair</span>
      </div>
    </div>
  </div>

  {{ next_button }}
</div>
{{ endblock }}