{% extends 'layout.html.twig' %}

{% block body %}
    <div class="d-flex flex-column-reverse flex-lg-row container w-100">

        <div class="container pt-3">
            <h4>You finished trial: <strong>{{ test.getName() }}</strong></h4>
            <h5>Your results <a href="{{ url('test_results', {'test_id': test.getId(), 'uuid': uuid}) }}">link</a></h5>
            <div class="row">
                <ul class="list-group">
                {% for existingAnswer in existingAnswers %}
                    <li class="list-group-item {% if not existingAnswer.isCorrect() %}list-group-item-danger{% else %}list-group-item-success{% endif %}">
                        {{ service.getQuestionModel(existingAnswer.question).getPrompt() }}
                        {% for answer in existingAnswer.getAnswer() %}
                            {{ service.assembleString(answer) }}{% if not loop.last %},{% endif %}
                        {% endfor %}
                    </li>
                {% endfor %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}