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

{% block additionalScript %}
    <script>
        $.fn.dataTable.moment( 'DD.MM.YYYY' );
    </script>
{% endblock %}

{% block table %}
    <div class="container mb-3 mt-3" >
        <h3>Prüfungsplan - Matrikelnummer: {{ student.matrikel}}</h3>
        <p>Hinweis: Sie können mit einem Bookmark auf diese Seite jederzeit auf Ihren Prüfungsplan zugreifen.</p>
        <table id="studentExamTable" class="display table-striped" style="width: 100%">
            <thead>
                <tr>
                    <th>Datum</th>
                    <th>Uhrzeit</th>
                    <th>Wochentag</th>
                    <th>Raum</th>

                    <th>Fachkennung</th>
                    <th>Fächer</th>
                    <th>Aufsichtsperson</th>
                    <th>Fächerbezeichung</th>
                    <th>Teilpfrüfung</th>
                </tr>
            </thead>
            <tbody>
                {% for exam in exams %}
                    <tr>
                        <td>{{ exam.date|date:"d.m.Y" }}</td>
                        <td>{{ exam.time|date:"H:i" }}</td>
                        <td>{{ exam.weekday }}</td>
                        <td>{{ exam.location }}</td>

                        <td>
                            {% for subject in exam.examExecution.subjectIds.all %}
                                {{ subject.initials }}<br/>
                            {% endfor %}
                        </td>
                        <td>{{ exam.examExecution.partialExam.identification }}</td>
                        <td>{{ exam.examExecution.lecturer.firstName }} {{ exam.examExecution.lecturer.lastName }}</td>

                        <td>
                            {% for subject in exam.examExecution.subjectIds.all %}
                                {{ subject.name }}<br/>
                            {% endfor %}
                        </td>
                        <td>
                            {% for subject in exam.examExecution.subjectIds.all %}
                                {{ subject.identification }}<br/>
                            {% endfor %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
            <tfoot>
            </tfoot>
        </table>
    </div>

<script>
    $('#studentExamTable').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 %}