{% include "UJMExoBundle:Partial:correction/interaction.html.twig" %}

<p><h3 class="panel-title">{{ 'your_answer' | trans }}</h3></p>
<div id="yAnswer">{{ inter.html|raw }}</div>

<p><h3 class="panel-title">{{ 'expected_answer' | trans }}</h3></p>
<div id="eAnswer">{{ inter.html|raw }}</div>
<br/>
{% for hole in inter.holes %}
    <p><h3 class="panel-title">{{ 'answer_zone' | trans }} {{loop.index}}</h3></p>
<table border="1" class="table table-striped table-bordered table-condensed">
    <tr>
        <th class="classic">{{ 'keys_words' | trans }}</th>
        <th class="classic">{{ 'points' | trans }}</th>
        <th class="classic">{{ 'comment' | trans }}</th>
    </tr>
    {% for wr in hole.wordResponses %}
        <tr>
            <td >
                {{ wr.response | raw }}
            </td>
            <td >
                {{ wr.score | raw }}
            </td>
            <td>
                {% if wr.feedback is not empty %}
                    {{ wr.feedback|raw }}
                {% else %}
                    -
                {% endif %}
            </td>
        </tr>
    {% endfor %}
</table>
{% endfor %}