{% extends "base.html" %}
{% block content %}
    <div class="wizard-step mx-auto">
        <h2 class="mb-4">Step&nbsp;3 — Current symptoms</h2>
        <form method="post">
            <input type="hidden" name="sid" value="{{ sid }}" />
            <div class="mb-3">
                <label for="symptoms" class="form-label">Describe the main symptoms</label>
                <textarea class="form-control"
                          id="symptoms"
                          name="symptoms"
                          rows="4"
                          placeholder="comma-separated or paragraph"
                          required></textarea>
            </div>
            <button class="btn btn-primary">Next</button>
        </form>
    </div>
{% endblock %}