{% comment %} 
<div class="uk-padding-large-vertical uk-padding-horizontal uk-border-bottom">
  <ul class="course-top-nav resize-nav undo-underline underline-catalog">
    <li><a href="#">Home</a></li>
    <li><a href="#">Course Catalogue</a></li>
    <li><a href="#">{{ my_content.headline }}</a></li>
</div> 
{% endcomment %}
{% comment %} <div class="header-image">
    <img src="https://engel-prod-global.s3.amazonaws.com/global/static/banners/academy-banner.png" width="1300" height="151" alt="Academy-Catalog-Banner">
</div> {% endcomment %}

<div class='uk-container uk-container-center'>
  <div class="uk-width-small-1-1 uk-width-medium-1-1 uk-margin-vertical">
    <h2 class="uk-padding-horizontal uk-margin-large-bottom" data-test="discover-learning-paths-header">
      Academy courses available to you.
    </h2>
    <hr/>
  </div>
</div>

<div class='uk-container uk-container-center'>{% include 'catalog_search_form' %}</div>
<div class="uk-container uk-container-center uk-margin-top uk-margin-large-bottom">
  {% include "my_content_header" with "" %}
    <div class="uk-grid uk-grid-flex uk-margin-left-remove ">
      {% include "catalog_filters" with "" %}
      {% if current_school.filtering_enabled? and current_person.filterable_categories.count > 0 %}
        <div class="uk-width-medium-5-6 uk-padding">
      {% else %}
        <div class="uk-width-1-1 uk-padding">
      {% endif %}
        <ul class="uk-grid uk-grid-medium school-website-course-list uk-grid-match" data-uk-grid-match="{target:'.uk-panel'}">
          {% for course in my_content.courses %}
            {% include "course" %}
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>
  {% comment %} {% if course_catalog.headline or course_catalog.subheadline %}
    <div class="uk-text-center uk-padding-large-vertical uk-padding-horizontal">
      {% if courses %}
   
      {% else %}
        <h1></h1>
        <h2 class="page-header">
       
        </h2>
      {% endif %}
    </div>
  {% endif %} 
  <div id="catalog-content" class="uk-width-small-1-1 uk-width-medium-1-1 uk-padding-horizontal uk-container-center uk-padding-top uk-margin-large-bottom">
    <ul class="uk-grid school-website-course-list" data-behavior="listResize">
      {% for course in courses %}
        {% include "course" %}
      {% endfor %}
    </ul>
  </div>
  {% endcomment %}
</div>
