{{ block title }}
Control Questions
{{ endblock }}

{{ block content }}

<div style="width: 100%;">

  <!-- Actual control questions -->
  <div id="controlQuestions" style="float: left; width: 50%;">

    <h4>(1) Suppose the group participants decided as follows:</h4>
    <br>
    Participant <b>a</b> {{ if player.role == 'a' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>B</b> <br>
    Participant <b>b</b> {{ if player.role == 'b' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>B</b> <br>
    Participant <b>c</b> {{ if player.role == 'c' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>

    <br>

    {{ formfield 'control_1' }}


    <br>
    <hr><br>

    <h4>(2) Suppose the group participants decided as follows:</h4>
    <br>
    Participant <b>a</b> {{ if player.role == 'a' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>
    Participant <b>b</b> {{ if player.role == 'b' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>A</b> <br>
    Participant <b>c</b> {{ if player.role == 'c' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>

    <br>

    {{ formfield 'control_2' }}

    <br>
    <hr><br>

    <h4>(3) Suppose the group participants decided as follows:</h4>
    <br>
    Participant <b>a</b> {{ if player.role == 'a' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>A</b> <br>
    Participant <B>b</B> {{ if player.role == 'b' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>B</b> <br>
    Participant <b>c</b> {{ if player.role == 'c' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>

    <br>

    {{ formfield 'control_3' }}

    <br>
    <hr><br>

    <h4>(4) Suppose the group participants decided as follows:</h4>
    <br>
    Participant <b>a</b> {{ if player.role == 'a' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>
    Participant <b>b</b> {{ if player.role == 'b' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>
    Participant <b>c</b> {{ if player.role == 'c' }} (<b style="color: #295dcf;">You</b>) {{ endif }} chooses Field
    <b>C</b> <br>

    <br>

    {{ formfield 'control_4' }}


    <br>
    <hr><br>

    {{ next_button }}

  </div>

  <!-- Instructions on the right side of the screen -->
  <div id="instructions" style="margin-left: 52%;">

    <div style=" border: 2px solid black; padding: 5px;">
      Your <b><u>payoff</u></b> in a period depends on the following:

      <br><br>

      (1) How many other Participants in your group have chosen the same Field as you, and (2) whether you are on
      <b>your
        field</b> (<b style="color: #295dcf;">Field {{ player.role.upper }}</b>), or on one of the other fields
      (<b>Fields
        {{ if player.role == 'a' }}B and C{{ elif player.role == 'b' }}A and C{{ else }}A and B{{ endif }}</b>).

      {{ if group.high_payoffs }}
      <ul>
        <li>If <b>no</b> other participant has chosen the same field as you, you will receive <b>0 points</b> (no matter
          if
          you are on your field or on someone else's field).</li>
        <li>If <b>one</b> other participant has chosen the same field as you, you will receive <b>10 points</b> if it is
          someone else's field, and <b>30 points</b> if it is your field.</li>
        <li>If <b>two</b> other participants have chosen the same field as you, you will receive <b>20 points</b> if it
          is
          someone else's field, and <b>60 points</b> if it is your field.</li>
      </ul>
      {{ else }}
      <ul>
        <li>If <b>no</b> other participant has chosen the same field as you, you will receive <b>0 points</b> (no matter
          if
          you are on your field or on someone else's field).</li>
        <li>If <b>one</b> other participant has chosen the same field as you, you will receive <b>10 points</b> if it is
          someone else's field, and <b>11 points</b> if it is your field.</li>
        <li>If <b>two</b> other participants have chosen the same field as you, you will receive <b>20 points</b> if it
          is
          someone else's field, and <b>22 points</b> if it is your field.</li>
      </ul>
      {{ endif }}

      <br>

      Moreover, in every period you will receive <b><u>additional points</u></b> that are independent of your choices.
      In
      particular:

      {{ if group.lumpsum }}
      <ul>
        <li>Participant <b>a</b> {{ if player.role == 'a' }} (<b style="color: #295dcf;">You</b>) {{ endif }} will
          receive
          <b>30 additional points</b> per period.
        </li>
        <li>Participant <b>b</b> {{ if player.role == 'b' }} (<b style="color: #295dcf;">You</b>) {{ endif }} will
          receive
          <b>10 additional points</b> per period.
        </li>
        <li>Participant <b>c</b> {{ if player.role == 'c' }} (<b style="color: #295dcf;">You</b>) {{ endif }} will
          receive
          <b>10 additional points</b> per period.
        </li>
      </ul>
      {{ else }}
      <ul>
        <li>Participant <b>a</b> {{ if player.role == 'a' }} (<b style="color: #295dcf;">You</b>) {{ endif }} will
          receive
          <b>10 additional points</b> per period.
        </li>
        <li>Participant <b>b</b> {{ if player.role == 'b' }} (<b style="color: #295dcf;">You</b>) {{ endif }} will
          receive
          <b>10 additional points</b> per period.
        </li>
        <li>Participant <b>c</b> {{ if player.role == 'c' }} (<b style="color: #295dcf;">You</b>) {{ endif }} will
          receive
          <b>10 additional points</b> per period.
        </li>
      </ul>
      {{ endif }}
    </div>

    <br><br>
  </div>

</div>

{{ endblock }}