{% 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>
                        <h4>{% trans %}Select:OFF is a space dedicated to professional photographers, videographers and illustrators.{% endtrans %}</h4>
                        <h5>{% trans %}Platform connecting Artists and Clients.{% endtrans %}<a
                                    href="{{ path('fos_user_registration_register') }}"> {% trans %}Create your own free portfolio.{% endtrans %}</a></h5>
                    </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 }}:{% trans %}Poland{% endtrans %}</a>
                        </h4>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock content %}
{% block searchNavigation %}
{% endblock searchNavigation %}
{% block javascript %}
{{ parent() }}

{% endblock javascript %}