{% 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">{{ skill_list.count }} <a href="{% url 'ausleihe:skill-list' %}"><strong>Skill{% if skill_list.count > 1 %}s{% endif %}</strong></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"><a href="{% url 'ausleihe:skillsetitem-list' %}">Skill Set Items</a></li>
      {% endif %}
      {% if perms.ausleihe.change_raum %}
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:raum-list' %}">Räume</a></li>
      {% endif %}
      {% if perms.ausleihe.add_skill %}
      <li class="breadcrumb-item" aria-current="page"><a href="{% url 'ausleihe:skill-create' %}">hinzufügen</a></li>
      {% endif %}
    </ol>
  </nav>

  <div class="row">
    <div class="col">
      {% if skill_list %}
      <table class="table" id="skillsets">
        <thead>
          <tr>
            <th class="col-1">Nr.</th>
            <th class="col-3">Name</th>
            <th>Anz. Plätze</th>
            <th>min. Personen</th>
            <th>max. Personen</th>
            <th>Dauer (min)</th>
          </tr>
        </thead>
        <tbody>
          {% for skill in skill_list %}
          <tr>
            <td>{{ skill.nummer }}</td>
            <td><a href="{% url 'ausleihe:skill-detail' skill.id %}">{{ skill.name }}</a></td>
            <td>{{ skill.anzahl_plaetze }}</td>
            <td>{{ skill.min_personen }}</td>
            <td>{{ skill.max_personen }}</td>
            <td>{{ skill.dauer }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p>Bisher sind keine Skills vorhanden.</p>
      {% endif %}
    </div>
  </div>

  {% if skill_list %}
  <div class="row">
    <div class="col">
      <table class="table" id="verfuegbar">
        <caption>Verfügbarkeit der Skills in den Räumen</caption>
        <thead>
          <tr>
            <th>Räume / Skills</th>
            {% for skill in skill_list %}
            <th><abbr title="{{ skill.name }}">{{ skill.nummer }}</abbr></th>
            {% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for raum in raeume %}
          <tr>
            <td>{{ raum }}</td>
            {% for skill in skill_list %}
            <td>{% if skill in raum.skills.all %}✓{% endif %}</td>
            {% endfor %}
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endif %}
</div>
{% endblock content %}