{#
/**
 * @file
 * Cache dashboard template for Native Observability.
 *
 * Available variables:
 * - dashboard: Full dashboard payload built by the backend services.
 * - range_selector: The available range selector items.
 * - active_range: The active range key.
 */
#}

{% set cache_observability = dashboard.sections.cache_observability ?? null %}

<div class="no-dashboard-wrapper">
  <div class="no-dashboard-container">

    {% if range_selector is not empty %}
      <div class="no-dashboard-header">
        <div class="no-dashboard-header__spacer"></div>

        <div class="no-dashboard-header__actions">
          {% include '@native_observability_dashboard/ui/range-selector.html.twig' with {
            items: range_selector
          } only %}
        </div>
      </div>
    {% endif %}

    {% if cache_observability %}
      {% include '@native_observability_dashboard/components/native-observability-dashboard--cache-observability.html.twig' with {
        section: cache_observability
      } only %}
    {% endif %}

  </div>
</div>
