{{ block title }} Social Task: Make a Decision For Sharing Money {{ endblock }}

{{ block content }}

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

<p><strong>For each of the following social 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>
  {% endfor %}

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

{{ endblock }}