{% load i18n %}

<div class="card text-white bg-dark">
    {% for photo in gallery.sample %}
    <img src="{{ photo.get_thumbnail_url }}" class="card-img-top" alt="{{ photo.title }}">
    {% endfor %}
    <div class="card-body">
        <h5 class="card-title">{{ gallery.title }}</h5>
        {% if gallery.extended.date_start %}<p class="card-text text-muted small mb-0">{{ gallery.extended.date_start }}{% if gallery.extended.date_end and gallery.extended.date_end != gallery.extended.date_start %} - {{ gallery.extended.date_end }}{% endif %}</p>{% endif %}
        {% if gallery.description %}<p class="card-text small mb-0">{{ gallery.description|safe }}</p>{% endif %}
        <a href="{{ gallery.get_absolute_url }}" class="stretched-link"></a>
    </div>
</div>