{% assign available_school_categories = '' | split: '' %}
{% assign enrolled_courses = courses.enrolled %}
{% for course in enrolled_courses %} 
  {% for cat in course.categories %}
    {% assign cat_name = cat.name | split: '!@#$%^&*()' %}
    {% assign available_school_categories = available_school_categories | concat: cat_name %}
  {% endfor %}
{% endfor %}
{% assign unique_school_categories = available_school_categories | uniq | sort %}
{% capture icon %}  fa-arrow-left{% endcapture %}
{% include "mobile_header", title: "Resource Center", back_icon: icon, back_link: "javascript:sendMessage();" %}
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container np-max-width">
{% if current_person.signed_in? %}
  <div class="np-courses-search np-header-search-expanded"><form action="{% route search %}" method="get" data-test="mobile-search"><i class="np-header-search-icon far fa-search"></i><input aria-label="Search courses" class="np-header-search-input np-header-font-background-color" type="text" name="q" placeholder="Search" /></form>
  </div>
{% endif %}
{% if current_person.properties.show_welcome_message %}
  <div class="intro-msg"><div class="intro-msg-icon-wrapper"><div class="intro-msg-icon"></div> </div><div class="intro-msg-text">Explore these videos and text-based resources to get the most out of the Spark Driver&trade; App.</div></div>
{% endif %}
{% if courses.enrolled.any? %}
<div class="recommended-courses-section">
  <div class="np-courses-section-label">Featured</div>
  <div class="recommended-courses-carousel-outer-container">
    <div class="recommended-courses-carousel">
      {% for course in courses.enrolled %}
        {% if course.properties.is_recommended_course == true %}
          {% if course.properties.access_level == current_person.properties.access_level %}
            <div class="course-slide" data-initialpublishdate="{{course.properties.initial_publish_date}}" data-position="{{course.properties.featured_course_position}}">
              {% include "cards_course" with course %}
            </div>
          {% endif %}
        {% endif %}
      {% endfor %}
    </div>
  </div>
</div>
{% endif %}
<div class="all-categories-section">
  <div class="np-courses-section-label" style="margin-bottom:15px;">All Categories</div>
  <div class="category-cards-wrapper">{% include "category_cards", school_categories: unique_school_categories %}</div>
</div>
</main>

<script>$(document).ready(function() {  const showWelcomeMessage = '{{current_person.properties.show_welcome_message}}'  
if (showWelcomeMessage == 'true'){ let userData = { learner_uuid: '{{current_person.id}}', }  
const schoolUuid = '{{current_school.id}}'    
hideWelcomeMessage(userData, schoolUuid)  }})</script>