{% extends 'frontend.html.twig' %}
{% block content %}
    <div class="row clearfix hidden-xs">
        <div class="col-md-10 col-md-offset-1">
            <div class="main-image">
            <div class="main-image-wrapper">
            <div id="carousel-main-image" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators hidden-xs hidden-sm">
                    {% for photo in photos %}
                    <li data-target="#carousel-main-image" data-slide-to="{{ loop.index0 }}" {%  if loop.index0 == 0 %}class="active"{% endif %}></li>
                    {%  endfor %}
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    {% for photo in photos %}
                    <div class="item {%  if loop.index0 == 0 %}active{% endif %}">
                        <img src="{{ asset(photo.getFullPath) | imagine_filter('big_image') }}" class="main-photo"/>
                        <h4 class="overlay-image">
                            <a href="{{ path('nordmind_artist_profile_index', {slug: photo.user.slug}) }}">{{photo.user}}<br />{{photo.user.city}}:Poland</a>
                        </h4>
                    </div>
                    {% endfor %}
                </div>
            </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mobile-main-photos hidden-sm hidden-md hidden-lg">
        {% for photo in photos %}
            <div class="row clearfix">
                <div class="col-xs-12">
                    <div class="item">
                        <img src="{{ asset(photo.getFullPath) | imagine_filter('thumbnail') }}" class="img-responsive"/>
                        <h4 class="overlay-image">
                            <a href="{{ path('nordmind_artist_profile_index', {slug: photo.user.slug}) }}">{{photo.user}}<br />{{photo.user.city}}:Poland</a>
                        </h4>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
    <!--<div class="row clearfix">
        <div class="col-md-6" style="margin: 0; padding: 0;">
            <h5 class="lp-artist-info"><a href="{{ path('nordmind_app_artists') }}">FIND ARTISTS AND INSPIRATIONS</a>
            </h5>
        </div>
    </div>-->
{% endblock content %}
{% block searchNavigation %}
{% endblock searchNavigation %}
{% block javascript %}
{{ parent() }}

{% endblock javascript %}