{% extends "base.html" %}
{% block content %}
    <div class="wizard-step mx-auto">
        <h2 class="mb-4">Step&nbsp;4 — Mental health</h2>
        <form method="post">
            <input type="hidden" name="sid" value="{{ sid }}" />
            <div class="mb-3">
                <label for="mental_health" class="form-label">Mental health concerns (stress, anxiety, mood, etc.)</label>
                <textarea class="form-control"
                          id="mental_health"
                          name="mental_health"
                          rows="4"
                          required></textarea>
            </div>
            <button class="btn btn-primary">Next</button>
        </form>
    </div>
{% endblock %}