{#
/**
 * @file
 * Template for the NodeHive Apps overview page.
 *
 * Available variables:
 * - apps: Array of app items, each with: id, label, description, url, icon, weight.
 */
#}
<div class="nh-apps">
  {% if apps|length > 0 %}
    <div class="nh-apps__grid">
      {% for app in apps %}
        <a href="{{ app.url }}" class="nh-apps__card" data-app-id="{{ app.id }}">
          <div class="nh-apps__card-icon">
            {{ app.icon|raw }}
          </div>
          <div class="nh-apps__card-content">
            <h3 class="nh-apps__card-title">{{ app.label }}</h3>
            {% if app.description %}
              <p class="nh-apps__card-description">{{ app.description }}</p>
            {% endif %}
          </div>
        </a>
      {% endfor %}
    </div>
  {% else %}
    <div class="nh-apps__empty">
      <p>{{ 'No apps available.'|t }}</p>
    </div>
  {% endif %}
</div>
