<nav class="np-sub-navigation">
	<div class="np-sub-navigation-content">
	    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
		Enrolled Courses
		<a class="np-sub-navigation-content-item-link" href="">
		{{ courses.enrolled.size }}
		</a>
		<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	    </div>
	    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
	      Groups
		<a class="np-sub-navigation-content-item-link" href="">
		{{ current_person.groups.size }} 
	      </a>
	      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	    </div>
	    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
		Learning Paths: Enrolled
		<a class="np-sub-navigation-content-item-link" href="">
		{{ learning_paths.enrolled.size }}
		</a>
		<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	      </div>
	    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
	      Learning Paths: Available
		<a class="np-sub-navigation-content-item-link" href="">
		{{ learning_paths.available.size }}
		</a>
	      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	    </div>
	    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
	      Available Events
		<a class="np-sub-navigation-content-item-link" href="">
		{{ training_events.available.size}}
		</a>
	      <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	    </div>
	    <div class="np-sub-navigation-content-item np-sub-navigation-content-item-active">
		Latest Course
		  <a class="np-sub-navigation-content-item-link" href="">
			{% for courses in courses.enrolled %} 
			{% assign courses.created_at = courses.created_at | date: '%m, %y' %}
			{% assign time_ago = 'now' | date: '%s' | minus: courses.created_at | divided_by: 86400 %}
			{% if time_ago == 30 %}
			{{ courses.created_at }}
			{% endif %}
			{% endfor %}
		</a>
		<div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
	      </div>
	  </div>
      </nav>
