<div class="ejudge-feedback">
    {% if is_correct|default(False) %}
    <p>Congratulations! Your answer is correct!</p>
    {% else %}
    <h3>{{ title }}</h3>
    <div class="ejudge-testcase">
        <h4>Your response</h4>
        <code>
        {% for atom in case %}
            <span class="ejudge-{{ atom.type }}">{{ atom }}</span>
            {% if atom.type == 'input' %}<br>{% endif %}
        {% endfor %}
        </code>
    </div>
    <div class="ejudge-testcase">
        <h4>Expected answer</h4>
        <code>
        {% for atom in answer_key %}
            <span class="ejudge-{{ atom.type }}">{{ atom }}</span>
            {% if atom.type == 'input' %}<br>{% endif %}
        {% endfor %}
        </code>
    </div>
    {% endif %}
</div>