{% extends 'base.html' %}

{% block content %}
<header>
    <div class="jumbotron jumbotron-fluid">
        <div class="container">
            <h1 class="display-4">Language questionnaires</h1>
            <p class="lead">Showing all language questionnaires in database.</p>
        </div>
    </div>
    <hr class="my-4">
</header>

<body>
    <br><br><br>
    <div class="card" style="width: 100%;">
        <h5 class="card-header">Participants</h5>
        <div class="card-body">
            <h6 class="card-subtitle mb-2 text-muted">Click IDs to see a language questionnaire details</h6>
            <div style="text-align: left" width="10%">
                {{ data["table"]|safe }}
            </div>
        </div>
    </div>
</body>
{% endblock %}