{% extends "syncro_frontend/base.html" %}
{% block content %}
<div class="container p-2 pt-4">
    <h1 class="mt-5">Result</h1>
    {% for element in results %}
    <h2>{{ element.speaker }}</h2>
    <table class="table">
        <thead>
        <tr>
            <th scope="col">as {{ element.role }}</th>
            <th scope="col">in {{ element.series }}</th>
        </tr>
        </thead>
        <tbody>
        {% for subelement in element.results %}
        <tr>
            <td>as {{ subelement.role }}</td>
            <td>in {{ subelement.series }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    {% endfor %}
</div>
{% endblock %}