{% extends "base.html" %}
{% block crumbs %}
  <li><a href="{% url 'risks:list_risks' %}">Risikoanalyse</a></li>
{% endblock %}
{% block content %}
<section class="section">
  <div class="box">
    <h2 class="title is-5">Auswahl</h2>

    <!-- Filter -->
    <form method="get">
      <div class="columns is-multiline">

        <!-- Risiko Filter -->
        <div class="column is-3">
          <div class="field">
            <label class="label">Risiko</label>
            <div class="control">
              <div class="select is-fullwidth">
                <select name="risk" onchange="this.form.submit()">
                  <option value="">Alle</option>
                  {% for r in risks %}
                    <option value="{{ r.id }}" {% if request.GET.risk == r.id|stringformat:"s" %}selected{% endif %}>
                      {{ r.title }}
                    </option>
                  {% endfor %}
                </select>
              </div>
            </div>
          </div>
        </div>

        <!-- Maßnahmen Filter -->
        <div class="column is-3">
          <div class="field">
            <label class="label">Maßnahmen</label>
            <div class="control">
              <div class="select is-fullwidth">
                <select name="control" onchange="this.form.submit()">
                  <option value="">Alle</option>
                  {% for c in controls %}
                    <option value="{{ c.id }}" {% if request.GET.control == c.id|stringformat:"s" %}selected{% endif %}>
                      {{ c.title }}
                    </option>
                  {% endfor %}
                </select>
              </div>
            </div>
          </div>
        </div>

        <!-- Risikoeigner Filter -->
        <div class="column is-3">
          <div class="field">
            <label class="label">Risikoeigner</label>
            <div class="control">
              <div class="select is-fullwidth">
                <select name="owner" onchange="this.form.submit()">
                  <option value="">Alle</option>
                  {% for u in owners %}
                    <option value="{{ u.id }}" {% if request.GET.owner == u.id|stringformat:"s" %}selected{% endif %}>
                      {{ u.get_full_name|default:u.username }}
                    </option>
                  {% endfor %}
                </select>
              </div>
            </div>
          </div>
        </div>

      </div>
    </form>


    <h2 class="title is-5">Risiken</h2>
    <!-- Risiken -->
    <div class="table-container">
      <table class="table is-bordered is-striped is-hoverable is-fullwidth">
        <thead>
          <tr>
            <th>Risiko</th>
            <th>Asset / Prozes</th>
            <th>Kategorie</th>
            <th>Eintritt</th>
            <th>Schaden</th>
            <th>Score</th>
            <th>Stufe</th>
            <th>Risikoeigner</th>
          </tr>
        </thead>
        <tbody>
          {% for r in risks %}
            <tr onclick="window.location.href='{% url 'risks:show_risk' r.id %}'" style="cursor:pointer;">
              <td>{{ r.title }}</td>
              <td>
                {{ r.asset }}
                {% if r.process %}
                  <br><small>{{ r.process }}</small>
                {% endif %}
              </td>
              <td>{{ r.category }}</td>
              <td>{{ r.get_likelihood_display }}</td>
              <td>{{ r.get_impact_display }}</td>
              <td>{{ r.score }}</td>
              <td>{{ r.level }}</td>
              <td>
                {% if r.owner %}
                  {{ r.owner.get_full_name|default:r.owner.username }}
                {% else %}
                  –
                {% endif %}
              </td>
            </tr>
          {% empty %}
            <tr>
              <td colspan="8" class="has-text-centered has-text-grey">Keine Risiken vorhanden</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div> <!-- Ende Risiken -->
  </div>
</section>

{% endblock %}