{% macro render_card(card) %}
    <ferronier-card
        class="col"
        id="card{{ card.id }}"
        style="order: 0;"
        >
        <div
            class="card h-100 small"
            >
            {% if card.avatar_url %}
                <img
                    src="{{ card.avatar_url }}"
                    loading="lazy"
                    class="card-img-top"
                    alt='{% trans name=card.name %}Avatar of "{{ name }}"{% endtrans %}'
                >
            {% else %}
                <div
                    class="card-img-top"
                    >
                    {{ card.name[0] }}
                </div>
            {% endif %}
            <div class="card-body pb-1">
                {% if _plugins.gitlab.banner %}
                <div class="banner">{% if card.kind == "project" %}{% trans %}project{% endtrans %}{% else %}{% trans %}group{% endtrans %}{% endif %}</div>
                {% endif %}
                <h2
                    class="card-title mb-0 fw-bold fs-6"
                    >
                    {{ card.name }}
                </h2>
                <p class="card-text">
                    <a href="{{ card.web_url}}"><code>{{ card.full_path }}</code></a>
                </p>
                {% if card.description %}
                <p
                    class="card-text"
                    >
                    {{ card.description }}
                </p>
                {% endif %}
                {% if _plugins.gitlab.topics|default(true) and _plugins.searchsortfilter.filters %}
                <p class="card-text">
                    {% for filter in _plugins.searchsortfilter.filters %}
                        {% for value in card|expandvalues(filter.key, default=filter.default) %}
                        <ferronier-tag
                            class="badge bg-secondary"
                            >
                            {{ value }}
                        </ferronier-tag>
                        {% endfor %}
                    {% endfor %}
                </p>
                {% endif %}
                {% if _plugins.gitlab.badges|default(true) and card.badges %}
                <p class="card-text">
                    {% for badge in card.badges %}
                        <a href="{{ badge.rendered_link_url }}"><img src="{{ badge.rendered_image_url }}" alt=""></a>
                    {% endfor %}
                </p>
                {% endif %}
            </div>

            <div class="card-footer text-center pb-3">
                {% if card.pages %}
                    <a
                        href="{{ card.pages }}"
                        target="_blank"
                        class="mt-1 btn btn-primary btn-sm me-2"
                    >
                        <i class="fa-solid fa-paper-plane"></i>
                    </a>
                {% endif %}
                <a
                    href="{{ card.web_url }}"
                    target="_blank"
                    class="mt-1 btn btn-light btn-sm"
                >
                    <i class="fa-solid fa-code"></i>
                </a>
                <a
                    href="{{ card.web_url }}/-/issues"
                    target="_blank"
                    class="mt-1 btn btn-light btn-sm"
                >
                    <i class="fa-solid fa-bug"></i>
                </a>
        </div>
    </div>
</ferronier-card>
{% endmacro %}