<div class="np-hidden-mobile">
  {% include "header" %}
</div>

<div class="np-hidden-desktop">
 {% capture icon %}
    fa-arrow-left
  {% endcapture %}
  {% include "mobile_header", title: "Resource Center", back_icon: icon, back_link: "javascript:sendMessage();" %}
</div>
{% include "sub_navigation" %}
<main class="np-main np-dashboard 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 %}
  <div class="row np-flex-center">
    <div class="col-xs-12 col-sm-8">
      {% if courses.enrolled.any? %}
        {% for course in courses.enrolled %}
          {% for cat in course.categories %}
            {% if cat.name == "FAQ" %}
              {% include "cards_faq" %}
            {% endif %}
          {% endfor %}
        {% endfor %}
      {% endif %} 
    </div>
  </div> 
</main>
<div class="np-hidden-mobile">
{% include "footer" %}
</div>