{#
  SPDX-FileCopyrightText: 2025 CERN.
  SPDX-License-Identifier: MIT
#}

{% import "invenio_checks/requests/severity_level_icons.html" as severity_tpl %}

{% set checks, check_classes = get_visible_checks(checks, invenio_request.receiver.community) %}
{% set check_classes = check_classes | sort(attribute="sort_order") %}
{% set first_check = (check_classes | first).id %}

<div class="ui column stackable divided grid">
  <div class="three wide column pr-0">
    <div class="ui fluid secondary vertical menu ml-0 mr-0 rdm-tab-menu">
      {% for check_class in check_classes %}
        <a class="item {% if loop.index == 1 %}active{% endif %}" data-tab="{{ check_class.id }}">
          {% set severity = checks|aggregate_severity(check_class.id) %}
          <i class="{{ severity_tpl.severity_level_icons[severity] }}"></i>
          {{ check_class.title }}</a>
      {% endfor %}
    </div>
  </div>
  <div class="thirteen wide column">
    {% for checks_group in checks | groupby('config.check_id') %}
      {% set check_id = checks_group.grouper %}
      <div class="ui tab {% if check_id == first_check %}active{% endif %}" data-tab="{{check_id}}">
        {% with checks=checks_group.list %}
          {% set tab_template = 'invenio_checks/requests/' + check_id + '_tab.html' %}
          {% include tab_template %}
        {% endwith %}
      </div>
    {% endfor %}
  </div>
</div>