trial app

app/templates/index/index.html.twig

@@ -0,0 +1,13 @@
+{% 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>Start you trial now: <strong>{{ test.getName() }}</strong></h4>
+            <div class="row">
+                {{ form(form) }}
+            </div>
+        </div>
+    </div>
+{% endblock %}

app/templates/index/results.html.twig

@@ -0,0 +1,23 @@
+{% 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 %}