{% for photo in photos %}
    <div class="grid-item {{ photo.printKeyCategories }}" data-id="{{ photo.id }}" data-position="{{ photo.position }}"
         data-date="{{ photo.createdAt|date('Y-m-d') }}" data-name="{{ photo.user.lastName }}">
        <img src="{{ asset(photo.getFullPath) | imagine_filter('thumbnail') }}"
             href="{{ asset(photo.getFullPath) | imagine_filter('big_image') }}"
             {% if photo.isVideo %}data-href="{{ path('nordmind_app_video_play', {id: photo.id}) }}"{% endif %}
             class="img-responsive {% if photo.isVideo %}video-play{% else %}photo-gallery{% endif %}" title="<a href='{{ path('nordmind_artist_profile_index', {slug: photo.user.slug}) }}' class='gallery-overlay'>{{ photo.user }}<br/>{{ photo.user.city }}:{{ photo.user.country }}</a>{% if app.user and app.user == photo.user %}<a href='javascript:void(0)' class='photo-favorite pull-right' data-id='{{ photo.id }}'><i class='material-icons {{ app.user.hasFavorite(photo) ? 'is-checked' : '' }}'>favorite</i></a>{% endif %}" />
        <div class="middle">
            {% if owner is not defined %}
                <div class="text"><a
                            href="{{ path('nordmind_artist_profile_index', {slug: photo.user.slug}) }}">{{ photo.user }}
                        <br/>{{ photo.user.city }}:{{ photo.user.country }}</a></div>
                <div class="favorite pull-right">
                    {% if app.user and app.user != photo.user %}
                        <a href="javascript:void(0)" class="photo-favorite" data-id="{{ photo.id }}">
                            <i class="material-icons {{ app.user.hasFavorite(photo) ? 'is-checked' : '' }}">favorite</i>
                        </a>
                    {% endif %}
                    <!--<a href="{{ asset(photo.getFullPath) | imagine_filter('big_image') }}" class="gallery-link">
                        <i class="material-icons">loupe</i>
                    </a>-->
                </div>
            {% endif %}
        </div>
        </a>
    </div>

{% endfor %}
<div class="page-load-status">
    <div class="loader-ellips infinite-scroll-request">
        <span class="loader-ellips__dot"></span>
        <span class="loader-ellips__dot"></span>
        <span class="loader-ellips__dot"></span>
        <span class="loader-ellips__dot"></span>
    </div>
    <p class="infinite-scroll-last">End of content</p>
    <p class="infinite-scroll-error">No more pages to load</p>
</div>