{#
  SPDX-FileCopyrightText: 2025 CERN.
  SPDX-FileCopyrightText: 2025-2026 KTH Royal Institute of Technology.
  SPDX-License-Identifier: MIT
#}

<div class="ui column stackable grid">
  <div class="ten wide column">
    <div class="ui very relaxed list rel-pl-2">
      {% for check in checks %}
        {% for rule_result in check.result.rule_results %}
        {#
        Get the icon class for the rule result of one rule result.
        This code depends on 2 fields of each `rule_result` : `success` and `level`.
        If the boolean `success` field is true, it means that the check was successful.
        Otherwise, it means that the check failed, and we display the severity `level` of the check.
        #}
        {% if rule_result.success %}
          {% set rule_severity_level = "success" %}
        {% elif rule_result.level == "info" %}
          {% set rule_severity_level = "warning" %}
        {% elif rule_result.level == "error" %}
          {% set rule_severity_level = "error" %}
        {% else %}
          {% set rule_severity_level = "unknown" %}
        {% endif %}

        <div class="item">
          <i class="{{ severity_level_icons_tpl.severity_level_icons[rule_severity_level] }}"></i>
          <div class="content">
            <div class="header">{{ rule_result.rule_message | translate_field }}</div>
            {#
            Rule descriptions can contain HTML to link to a page with more details about the rule.
            This field is sanitized in the backend with SanitizedHTML.
            #}
            <div class="pt-5 text-muted">{{ rule_result.rule_description | translate_field | safe }}</div>
          </div>
        </div>
        {% endfor %}
      {% endfor %}
    </div>
  </div>

  <div class="six wide column">
    {% include 'invenio_checks/requests/help_message.html' %}
  </div>

</div>