<div class="np-learning-paths-resources">
  {% if items.any? %}
    {% assign view_more_counter = 0 %}
    {% for learning_path in items %}
      {% if view_more_counter < 1%}
        {% assign view_more_counter  = view_more_counter | plus: 1%}
          <div class="np-card np-no-horizontal-padding">
            {% include "cards_learning_path" with learning_path %}
          </div>
      {% else %}
        <div class="np-card np-no-horizontal-padding view-more-hidden">
          {% include "cards_learning_path" with learning_path %}
        </div>
      {% endif %}
    {% endfor %}
    {% if view_more_counter >= 1%}
      <button class="np-top-button np-button-font-color np-button np-button-big view-more-button" onclick="viewMore()">View More</button>
    {% endif %}
  {% else %}
    <div class="np-learning-paths-resources-container">
      <div class="np-zero-state-text">
        {% t .empty %}
      </div>
      <img class="np-zero-state-learning-paths" alt="{% t .empty %}" />
    </div>
  {% endif %}
</div>
