{% 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"><a href="{% url 'ausleihe:skillset-list' %}">Skill Sets</a></li>
      {% endif %}
      {% if perms.ausleihe.change_skillsetitem %}
      <li class="breadcrumb-item" aria-current="page">{{ skillsetitem_list.count }} <a href="{% url 'ausleihe:skillsetitem-list' %}"><strong>Skill Set Item{% if skillsetitem_list.count > 1 %}s{% endif %}</strong></a></li>
      {% endif %}
      {% if perms.ausleihe.add_skillset %}
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:skillsetitem-create' %}">hinzufügen</a></li>
      {% endif %}
    </ol>
  </nav>
  <div class="row">
    <div class="col">
      {% if skillsetitem_list %}
      <table class="table" id="skillsets">
        <thead>
          <tr>
            <th class="col-1">ID</th>
            <th>Name</th>
            <th>Beschreibung</th>
          </tr>
        </thead>
        <tbody>
          {% for skillsetitem in skillsetitem_list %}
          <tr>
            <td>{{ skillsetitem.id }}</td>
            <td>
              {% if perms.ausleihe.change_skillset %}
              <a href="{% url 'ausleihe:skillsetitem-edit' skillsetitem.id %}">{{ skillsetitem.name }}</a>
              {% else %}
              {{ skillsetitem.name }}
              {% endif %}
            </td>
            <td style="white-space: pre;">{{ skillsetitem.beschreibung }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p>Bisher sind keine Skill Set Items vorhanden.</p>
      {% endif %}
    </div>
  </div>
</div>
{% endblock content %}