{% if current_person.signed_in? == false and current_school.sso_active? == false %}
  <script> window.location.replace('/learners/sign_in')</script>
{% else %}
  {% assign categories_uuids = "" %}
  {% assign categories_names = "" %}
  {% for course in courses.in_catalog %}
    {% if course.properties.webinar == true %}
      {% assign course_categories_ids = course.categories | map: 'id' | join: "|||" %}
      {% assign course_categories_names = course.categories | map: 'name' | join: "|||" %}
      {% assign categories_uuids = categories_uuids | append: course_categories_ids | append: "|||" %}
      {% assign categories_names = categories_names | append: course_categories_names | append: "|||" %}
    {% endif %}
  {% endfor %}
  {% assign categories_uuids = categories_uuids | split: "|||" | uniq %}
  {% assign categories_names = categories_names | split: "|||" | uniq %}

  {% include "header" %}

  <main>
    {% include 'webinars_hero_image' %}

    <div class="courses container width-limit">
      {% include 'webinars_filters', uuids: categories_uuids, names: categories_names %}
      {% include 'webinars_courses', categories_uuids: categories_uuids, categories_names: categories_names %}
      
      <div class="divider"></div>
    </div>

    {% include 'opinions' %}
    {% include 'webinars_start_today' %}
  </main>

  {% include "footer" %}
{% endif %}

<style>
  .divider {
    background-color: #E1E1FF;
    width: 100%;
    height: 1px;
  }
</style>