{% include "header" %}
{% include "course_version_outdated_alert", courses: courses.in_catalog %}
{% comment %}{% include "sub_navigation" %}{% endcomment %}
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/acceleratorBadge.png {% endcomment %}
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/activatorBadge.png {% endcomment %}
{% comment %} https://s3.amazonaws.com/static.northpass.com/Crayon/architectBadge.png {% endcomment %}

<main class="np-main np-dashboard np-subpage-container np-max-width">
  <div class="row np-flex-center">
    <div class="col-xs-12">
      <div class="np-dashboard-header">
        <div class="np-resource-title">Hi {{current_person.first_name}}! &#128075;</div>
        {% comment %}<div class="np-resource-subtitle">This is what’s relevant to you right now in Competitive Advantage Academy</div>{%endcomment%}
        <div class="np-resource-subtitle">Take the courses. Get your certificates. Compete like you mean it.</div>
      </div>
    </div>    
  </div>

    <div class="row dashboard-section-courses">
      <div class="col-xs-12 col-sm-6 col-lg-4">

        {% for course in courses.in_catalog %}
          {% if course.name == 'Activator Certification Course' %}
            <div class="np-md-flex-wrapper" style="text-align: center;">
              <div class="np-dashboard-resources-title">
                Beginner
              </div>
            </div>
            {% include 'cards_course' with course %}
          {% endif %}
        {% endfor %}
      </div>

      <div class="col-xs-12 col-sm-6 col-lg-4">
        {% for course in courses.in_catalog %}
          {% if course.name == 'Architect Certification Course' %}
            <div class="np-md-flex-wrapper" style="text-align: center;">
              <div class="np-dashboard-resources-title">
                Intermediate
              </div>
            </div>
            {% include 'cards_course' with course %}
          {% endif %}
        {% endfor %}
      </div>

      <div class="col-xs-12 col-sm-6 col-lg-4">
        {% for course in courses.in_catalog %}
          {% if course.name == 'Accelerator Certification Course' %}
            <div class="np-md-flex-wrapper" style="text-align: center;">
              <div class="np-dashboard-resources-title">
                Advanced
              </div>
            </div>
            {% include 'cards_course' with course %}
          {% endif %}
        {% endfor %}
      </div>
    </div>

  </div>
  </div>
</main>
{% include "footer" %}