{% extends "global/Page.html" %}
{% load otree %}
{% block content %}
{% include "joint_inference/_styles.html" %}

<h2>Post-experiment questions</h2>

<p>Before you go, we have two quick questions.</p>

<div style="max-width: 600px; margin: 24px 0;">
    <div style="margin-bottom: 24px;">
        <label for="id_survey_unclear" style="display: block; font-weight: bold; margin-bottom: 8px;">1. Was anything in the experiment unclear or confusing?</label>
        <textarea name="survey_unclear" id="id_survey_unclear" rows="4"
                  style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 1em;"></textarea>
    </div>
    <div style="margin-bottom: 24px;">
        <label for="id_survey_strategy" style="display: block; font-weight: bold; margin-bottom: 8px;">2. What strategy did you use to solve these problems?</label>
        <textarea name="survey_strategy" id="id_survey_strategy" rows="4"
                  style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; font-size: 1em;"></textarea>
    </div>
</div>

{{ next_button }}
{% endblock %}