{# Track navigation sidebar built from Chirp UI primitives. #}
{% from "chirpui/badge.html" import badge %}
{% from "chirpui/card.html" import card %}
{% from "chirpui/list.html" import list_group, list_item %}

{% let track_id = params?.track_id ?? page?.slug ?? '' %}

{% with site?.data?.tracks as all_tracks %}
{% let current_track = all_tracks[track_id] if (track_id and all_tracks and track_id in all_tracks) else none %}

<nav class="chirpui-stack chirpui-stack--md chirp-theme-track-sidebar" aria-label="Track navigation" data-bengal="track-nav" data-track-id="{{ track_id }}">
  {% with current_track?.items as track_items %}
  {% if track_items | length > 0 %}
  {% call card(title=current_track?.title ?? t('tracks.sections', default='Sections'), cls="chirp-theme-track-sidebar__card") %}
    {% call list_group(bordered=true, cls="chirp-theme-track-sidebar__list") %}
      {% for item_slug in track_items %}
      {% let item_page = track_item_pages[item_slug] if (track_item_pages is defined and item_slug in track_item_pages) else get_page(item_slug) %}
      {% if item_page %}
      {% call list_item(cls="chirp-theme-track-sidebar__item") %}
        <a href="#track-section-{{ loop.index }}"
           class="chirpui-list__link chirp-theme-track-sidebar__link"
           data-track-section="{{ loop.index }}"
           data-track-target="#track-section-{{ loop.index }}">
          {{ badge(loop.index | string, variant="muted", cls="chirp-theme-track-sidebar__number") }}
          <span>{{ item_page?.title ?? item_slug }}</span>
        </a>
      {% end %}
      {% end %}
      {% end %}
    {% end %}
  {% end %}
  {% end %}
  {% end %}

  {% let track_count = (all_tracks ?? {}) | length %}
  {% if track_count > 1 %}
  {% let all_track_pages = {} %}
  {% for p in (site?.pages ?? []) %}
  {% let tid = p?.metadata?.track_id ?? '' %}
  {% if tid and tid != track_id %}
  {% let all_track_pages = all_track_pages | merge({tid: p}) %}
  {% end %}
  {% end %}

  {% call card(title=t('tracks.other', default='Other Tracks'), cls="chirp-theme-track-sidebar__card") %}
    {% call list_group(bordered=true, cls="chirp-theme-track-sidebar__list") %}
      {% for id, track in all_tracks |> items %}
      {% if id != track_id %}
      {% let track_page = all_track_pages[id] if id in all_track_pages else none %}
      {% if track_page %}
      {% call list_item(cls="chirp-theme-track-sidebar__item") %}
        <a href="{{ track_page.href }}" class="chirpui-list__link chirp-theme-track-sidebar__link"{{ route_link_attrs(track_page.href) | html_attrs }}>
          <span>{{ track?.title ?? id }}</span>
          {% let lesson_count = (track?.items ?? []) | length %}
          {{ badge(lesson_count ~ " lesson" ~ ("s" if lesson_count != 1 else ""), variant="muted") }}
        </a>
      {% end %}
      {% end %}
      {% end %}
      {% end %}
    {% end %}
  {% end %}
  {% end %}
</nav>
{% end %}