{% load i18n %}
{% for entry in entries %}
  <div class="fr-col fr-col-md-6 fr-col-12">
    <div class="fr-card fr-enlarge-link">
      <div class="fr-card__body">
        <div class="fr-card__content">
          <h3 class="fr-card__title">
            <a href="{{ entry.url }}">{{ entry.title }}</a>
          </h3>
          <p class="fr-card__desc">{{ entry.search_description |truncatewords:20 }}</p>
          {% if entry.tags.all %}
            <div class="fr-card__start">
              <ul class="fr-tags-group">
                {% for tag in entry.tags.all %}
                  <li>
                    <p class="fr-tag">{{ tag.name }}</p>
                  </li>
                {% endfor %}
              </ul>
            </div>
          {% endif %}
        </div>
      </div>
      {% if entry.cover %}
        <div class="fr-card__header">
          <div class="fr-card__img">
            <img class="fr-responsive-img"
                 src="{{ entry.cover.file.url }}"
                 alt="">
          </div>
        </div>
      {% endif %}
    </div>
  </div>
{% empty %}
  <div class="fr-col">
    <p>{% translate "No page found." %}</p>
  </div>
{% endfor %}
