{% if result.type == "course" %}
  <div class="np-card np-search-result">
    <div class="np-card-container">
      <div class="np-card-content">
        <img
          class="np-search-result-image"
          alt="{{ result.name }}"
          src="{{ result.image_url }}"
        />
        <div class="np-search-result-content">
          <div>
            <a class="np-search-result-title" href="{{ result.path }}">
              {{ result.name }}
            </a>     
          </div>
          <div class="np-search-result-snippet">{{result.course.short_description}}</div>
          
        </div>
        <div class="category-pills">
            {% for course in catalog_courses %}
              {% if course.id == result.course.id %}
                {% for cat in course.categories %}
                  {% assign cat_name = cat.name | upcase %}
                  {% unless cat_name == "FEATURED" or cat_name == "ARTICLES" %}
                    <div class="cat-item">{{cat.name}}</div>
                  {% endunless %}
                {% endfor %}
              {% endif %}
            {% endfor %}
          </div>
        
      </div>
    </div>
  </div>
{% endif %}