{% load i18n l10n wagtailadmin_tags %}

{% if images %}
    {% if is_searching %}
        <h2 role="alert">
        {% blocktrans count counter=images|length %}
            There is {{ counter }} match
        {% plural %}
            There are {{ counter }} matches
        {% endblocktrans %}
        </h2>
    {% else %}
        <h2>{% trans "Latest images" %}</h2>
    {% endif %}

    <ul class="listing horiz images">
        {% for image in images %}
            <li>
                <a class="image-choice" href="{% url 'wagtail-stock-images-save' image.id %}">
                    <figure>
                        <img alt="" class="show-transparency" src="{{ image.thumbnail }}" style="max-height: 165px;" />
                        <figcaption>
                            <span>{{ image.title|ellipsistrim:60 }}</span>
                        </figcaption>
                    </figure>
                </a>
            </li>
        {% endfor %}
    </ul>
{% else %}
    {% if is_searching %}
        <h2 role="alert">{% blocktrans %}Sorry, no images match "<em>{{ query_string }}</em>"{% endblocktrans %}</h2>
    {% else %}
        {% blocktrans %}You haven't entered any search keywords yet.{% endblocktrans %}
    {% endif %}
{% endif %}