{% extends 'pruefplan/tableBase.html' %}
{% load static %}

{% block title %}Prüfungsplan - Ansicht Studierende{% endblock %}

{% block table %}

    <h3>Prüfungsplan - Ansicht Studierende</h3>

    <div class="container mb-3 mt-3" >
        <table id="studentTable" class="display" style="width: 100%">
            <thead>
                <tr>
                    <th>Matrikelnummer</th>
                    <th>Prüfungen</th>
                </tr>
            </thead>
            <tbody>
                {% for student in students %}
                    <tr>
                        <td>{{ student.matrikel }}</td>
                        <td>
                            <a href="{% url 'pp_viewer:examForStudent' student_id=student.matrikel %}" role="button" class="btn btn-outline-warning">
                                <img src="{% static 'open-iconic/svg/list.svg' %}" alt="Prüfungen" width="20" height="20" >
                            </a>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
            <tfoot>
            </tfoot>
        </table>
    </div>

<script>
    var studentTable = $('#studentTable').DataTable({
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        "language": { url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/German.json'}
    });
</script>
{% endblock %}