{# Renders a list of the site's most popular groups. #}

<div class="box">
  <section class="module-content">
    <ul class="list-unstyled grupos-grid">
      {% for group in h.example_theme_most_popular_groups() %}
      
      
        <li class="bloquinho">
          
          <img src="{{ group.image_display_url or h.url_for_static('/base/images/placeholder-group.png') }}" alt="{{ group.name }}" class="media-image img-responsive img-bloquinho">

          <div class="group-dataset">
            <a href="{{ h.url_for('group_read', id=group.name) }}" class="sub-bloquinho">
              
              <h3 class="title-block">{{ group.display_name }}</h3>
            </a>
          
            {#
            {% if group.packages %}
              <strong>{{ ungettext('{num} Dataset', '{num} Datasets', group.packages).format(num=group.packages) }}</strong>
            {% else %}
              <span>{{ _('0 Datasets') }}</span>
            {% endif %}
            #}

           
            {% if group.package_count %}
              <strong class="count">{{ ungettext('{num} Dataset', '{num} Datasets', group.package_count).format(num=group.package_count) }}</strong>
            {% elif group.package_count == 0 %}
              <span class="count">{{ _('0 Datasets') }}</span>
            {% endif %}
         
          </div>
        </li>
        
      {% endfor %}
    </ul>
  <section>
</div>