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

{% block title%}Prüfungsplan - Ansicht Lehrkräfte{% endblock %} 

{% block table %}

  <h3>Prüfungsplan - Ansicht Lehrkräfte</h3>

<div class="container mb-3 mt-3">
  <table id="lecturerTable" class="display" style="width: 100%">
    <thead>
      <tr>
        <th>ID</th>
        <th>Vorname</th>
        <th>Nachname</th>
        <th>Titel</th>
        <th>Prüfungen</th>
      </tr>
    </thead>
    <tbody>
      {% for lec in lecturers %}
      <tr>
          <td>{{ lec.identification }}</td>
          <td>{{ lec.firstName }}</td>
          <td>{{ lec.lastName }}</td>
          <td>{{ lec.title }}</td>
          <td>
               <a href="{% url 'pp_viewer:examForLecturer' lecturer_id=lec.identification %}" 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 lecturerTable = $("#lecturerTable").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 %}