{% set metadatatype = h.d4science_theme_get_systemtype_field_dict_from_session() %}
{% set metadatatypes = h.get_facet_items_dict(metadatatype['name'], limit=10) %}
{% if metadatatypes|length > 0 %}
<div role="main" class="hero">
  <div class="container">
	<h3>Browse by {{_('Types')}}</h3>
	
	 <div id="search-for-types">
	 <table class="media-grid-homepage" data-module="media-grid">
	{% for index in range(0,metadatatypes|length)  %}
	{% set offset = 5 %}
	{% set type = metadatatypes[index] %}
	{% if index % offset == 0 %}
		 <tr>
		 {% endif %}
		 <td class="media-item-homepage">
			{% set img_url = h.d4science_get_url_to_icon_for_ckan_entity(type.name, entity_type='type') %}
	       <a href="{% url_for controller='package', action='search', systemtype=type.name %}"  title="{{ _('View {name}').format(name=type.name) }}">
			 <img class="logo-homepage" src="{{ img_url }}" alt="{{ type.display_name }}" title="{{ _('{name}').format(name=type.display_name) }} group"/>
	        <p class="media-heading-homepage">
	        {{ h.truncate(type.display_name, 26) }}
	        (<span class="statistics-show">{{type.count}}</span>)
	        </a>
		  </p>
	    </td>
		 {% if (index+offset+1) % offset == 0 %}
		 </tr>
		{% endif %}
	{% endfor %}
	</table>
	</div>
	<p style="float: right; margin-top: 15px">
	<a href="/types">See All {{_('Types')}}</a>
	</p>
  </div>
</div>
{% endif %}