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

{% block title %}Prüfungsplan - Ansicht Fächer{% endblock %}

{% block table %}

    <h3>Prüfungsplan - Ansicht Fächer</h3>

    <div class="container mb-3 mt-3" >
        <table id="subjectTable" class="display" style="width: 100%">
            <thead>
                <tr>
                    <th>Identification</th>
                    <th>Initials</th>
                    <th>Name</th>
                </tr>
            </thead>
            <tbody>
                {% for sub in subjects %}
                    <tr>
                        <td>{{ sub.identification }}</td>
                        <td>{{ sub.initials }}</td>
                        <td>{{ sub.name }}</td>
                    </tr>
                {% endfor %}
            </tbody>
            <tfoot>
            </tfoot>
        </table>
    </div>

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