{% assign omni = false %}
{% assign core = false %}

{% if current_person.signed_in? %}
  {% for group in current_person.groups %}
    {% if group.id == '9daeef1e-bd6c-47da-a343-ef772ba88300' %}
      {% assign core = true %}
      {% elsif group.id == 'afa31e2d-646e-4b7e-b65e-c426dc30ec5c' %}
        {% assign omni = true %}
    {% endif %}
  {% endfor %}
{% endif %}

{% include "header" %}
<div class="hero-homepage">
  <div class="np-max-width">
    <div class="hero-text">Learning Paths</div>
    <div class="hero-subheading">Explore curated learning paths tailored to your function and role.</div>
  </div>
</div>
<main class="np-main np-learning-paths np-subpage-container catalog-container np-max-width">
  <div class="filter-container">
    {% include 'filters_lp' %}
  </div>
  <div class="catalog-content-wrapper">
    <div class="np-learning-paths-main np-max-width">
      {% include "learning_paths_index", items: learning_paths.available %}
      </div>
  </div>
</main>
{% include "footer" %}

<style>
  .catalog-container {
  display: flex;
  gap: 20px;
  padding: 5% 20px;
}
.filter-container {
  width: 25%;
  margin: 10px;
}
.catalog-content-wrapper {
  display: flex;
  gap: 20px;
  width: 75%;
}
.filters-container {
  width: 20%;
  border: 3px solid #002e6e;
  border-radius: 25px;
}
.catalog-courses-container {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .catalog-container {
    flex-direction: column;
    align-items: center;
  }
  .filter-container {
    width: 100%;
  }
  .catalog-content-wrapper {
    width: 100%;
  }
}

</style>
