{% extends "ausleihe/base.html" %}
{% load static %}

{% block content %}
<div class="container">
  <nav aria-label="breadcrumb">
    <ol class="breadcrumb">
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:home' %}">Start</a></li>
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:medium-list' %}">Medien</a></li>
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:skill-list' %}">Skills</a></li>
      {% if perms.ausleihe.change_skillset %}
      <li class="breadcrumb-item" aria-current="page">{{ skillset_list.count }} <a href="{% url 'ausleihe:skillset-list' %}"><strong>Skill Set{% if skillset.count > 1 %}s{% endif %}</strong></a></li>
      {% endif %}
      {% if perms.ausleihe.change_skillsetitem %}
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:skillsetitem-list' %}">Skill Set Items</a></li>
      {% endif %}
      {% if perms.ausleihe.add_skillset %}
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:skillset-create' %}">hinzufügen</a></li>
      {% endif %}
    </ol>
  </nav>
  <div class="row">
    <div class="col">
      {% if skillset_list %}
      <table class="table" id="skillsets">
        <thead>
          <tr>
            <th class="col-1">Mediatheknr.</th>
            <th class="col-3">Name</th>
            <th class="col-3">Skill</th>
            <th>Beschreibung</th>
          </tr>
        </thead>
        <tbody>
          {% for skillset in skillset_list %}
          <tr>
            <td><a href="{% url 'ausleihe:medium-detail' skillset.medium.id %}">{{ skillset.medium }}</a></td>
            <td><a href="{% url 'ausleihe:skillset-detail' skillset.id %}">{{ skillset.name }}</a></td>
            <td><a href="{% url 'ausleihe:skill-detail' skillset.skill.id %}">{{ skillset.skill.name }}</a></td>
            <td>{{ skillset.beschreibung }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p>Bisher sind keine Skill Sets vorhanden.</p>
      {% endif %}
    </div>
  </div>
</div>
{% endblock content %}