<nav class="np-sub-navigation">
	<div class="np-sub-navigation-content">

		<div class="np-sub-navigation-content-item trainings-sub-link np-sub-navigation-content-item-inactive">
			<a class="np-sub-navigation-content-item-link subnav-item" href="/app/courses">
				<i class="far fa-home-lg-alt np-button-color np-sub-navigation-content-item-icon" aria-hidden="true"></i>
				<div class="oa-sub-navigation-content-item-label">
					Trainings
				</div>
			</a>
			<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
		</div>

		<div class="np-sub-navigation-content-item learning-paths-sub-link np-sub-navigation-content-item-inactive">
			<a class="np-sub-navigation-content-item-link subnav-item" href="/app/learning_paths/a528e5fd-cd1c-4323-865e-db795895e2a3">
				<i class="fa fa-tasks np-button-color np-sub-navigation-content-item-icon" aria-hidden="true"></i>
				<div class="oa-sub-navigation-content-item-label">
					Lernwege
				</div>
			</a>
			<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
		</div>
	</div>
</nav>

<script>
  const currentSubPath = window.location.pathname;

  if (currentSubPath == "/app/courses") {
    $(".trainings-sub-link").addClass("np-sub-navigation-content-item-active")
		$(".trainings-sub-link").removeClass("np-sub-navigation-content-item-inactive")
  } else if (currentSubPath.includes("/app/learning_paths")) {
    $(".learning-paths-sub-link").addClass("np-sub-navigation-content-item-active")
		$(".learning-paths-sub-link").removeClass("np-sub-navigation-content-item-inactive")
  }

</script>