{% extends 'ui/panels/_base.html' %}
{% load i18n %}
{% block panel_content %}
  <table class="table table-hover attr-table">
    <thead>
      <tr>
        <th>{% trans "Foundational requirement" %}</th>
        <th>SL-T</th>
        <th>SL-A</th>
        {% if capability %}<th title="{% trans 'Lowest SL-C among the member devices' %}">SL-C</th>{% endif %}
      </tr>
    </thead>
    <tbody>
      {% for label, target, achieved, gap, slc in rows %}
        <tr>
          <th scope="row" class="fw-normal">{{ label }}</th>
          <td>{% if target is not None %}{{ target }}{% else %}{{ ''|placeholder }}{% endif %}</td>
          <td>{% if achieved is not None %}<span{% if gap %} class="text-danger fw-bold" title="{% trans 'Below SL-T' %}"{% endif %}>{{ achieved }}</span>{% else %}{{ ''|placeholder }}{% endif %}</td>
          {% if capability %}<td>{% if slc is not None %}<span{% if target is not None and slc < target %} class="text-danger fw-bold" title="{% trans 'Below SL-T' %}"{% endif %}>{{ slc }}</span>{% else %}{{ ''|placeholder }}{% endif %}</td>{% endif %}
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}