{{ block title }} Time Task: Make a Decision in an Intertemporal Situation {{ endblock }}

{{ block content }}

<br>
<p><strong>Prompt:</strong> "{{ prompt_text }}"</p>
<br>

<p><strong>For each of the following temporal decisions, choose Option A or Option B.</strong></p>

  {% for q in questions %}
    <!-- Question text -->
    <p><strong>{{ forloop.counter }}.</strong><br>{{ q.text|safe }}</p>

    <!-- Buttons -->
    <div class="btn-group" role="group">
        <input  type="radio" class="btn-check"
                name="{{ q.field_name }}" id="{{ q.field_name }}_A"
                value="A" required>
        <label class="btn btn-outline-primary" for="{{ q.field_name }}_A">A</label>

        <input  type="radio" class="btn-check"
                name="{{ q.field_name }}" id="{{ q.field_name }}_B"
                value="B">
        <label class="btn btn-outline-primary" for="{{ q.field_name }}_B">B</label>
    </div>
    <br><br>

  {#  ── divider after the last 5-week question ── #}
  {% if q.name == 'time_q5' %}
        <hr class="my-4">   {# Bootstrap adds a little spacing; plain <hr> works too #}
  {% endif %}
  {% endfor %}


<input type="submit" value="Submit">

{{ endblock }}