{% load i18n %}

<div class="card text-white {% if not gallery.is_public %}bg-danger{% else %}bg-dark{% endif %}">
    {% 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.date_start %}<p class="card-text text-muted small mb-0">{{ gallery.date_start }}{% if gallery.date_end and gallery.date_end != gallery.date_start %} - {{ gallery.date_end }}{% endif %}</p>{% endif %}
        {% if not gallery.is_public %}<p class="card-text small mb-0">(private)</p>{% endif %}
        <a href="{{ gallery.get_absolute_url }}" class="stretched-link"></a>
    </div>
</div>