{% if classifieds|length > 0 %}
    <div class="classifieds_list">
        {% set orderByOptions = {
            cena: { label: 'Cena' },
            data_dodania: { label: 'Data dodania' },
        } %}
        {% set sortBy = app.request.query.get('sortuj', 'data_dodania') %}
        {% set sortDirection = app.request.query.get('sortuj_kolejnosc', 'malejaco') %}

        <div class="sorter">
            <span class="sorter__heading">{{ 'Sortuj:' }}</span>
            {% for key, option in orderByOptions %}
                <span class="sorter__option sorter__option--{{ key }}">
                    <span class="sorter__label">{{ option.label }}</span>
                    <a
                        class="sorter__link_desc"
                        aria-pressed="{{- sortBy == key and sortDirection == 'malejaco' ? 'true' : 'false' -}}"
                        href="{{ path(
                        app.request.get('_route'),
                        app.request.query.all|merge({
                            sortuj: key,
                            sortuj_kolejnosc: 'malejaco',
                            section: app.request.attributes.get('section'),
                            slug: app.request.attributes.get('slug'),
                            category_slug: app.request.attributes.get('category_slug'),
                        })
                        ) }}"
                    >
                        <i class="fa fa-caret-down"></i>
                    </a>
                    <a
                        class="sorter__link_asc"
                        aria-pressed="{{- sortBy == key and sortDirection == 'rosnaco' ? 'true' : 'false' -}}"
                        href="{{ path(
                        app.request.get('_route'),
                        app.request.query.all|merge({
                            sortuj: key,
                            sortuj_kolejnosc: 'rosnaco',
                            section: app.request.attributes.get('section'),
                            slug: app.request.attributes.get('slug'),
                            category_slug: app.request.attributes.get('category_slug'),
                        })
                        ) }}"
                    >
                        <i class="fa fa-caret-up"></i>
                    </a>
                </span>
            {% endfor %}
        </div>
        {% for key,classified in classifieds %}
            {% set classes = ['classified_list_item'] %}
            {% set classifiedLink = path('classified', {
                'section' : sections.current.locale.slug,
                'slug': classified.locale.slug
            }) %}

            {% if classified.promoted and classified.isHighlightedLists %}
                {% set classes = classes|merge(['classified_list_item--promoted']) %}
            {% endif %}

            <div class="{{ classes|join(' ') }}">
                {% if classified.images.count > 0 %}
                    {% set image_src = vich_uploader_asset(classified.images.first, 'imageFile') %}
                {% else %}
                    {% set image_src = null %}
                {% endif %}
                <a
                    href="{{ classifiedLink }}"
                >
                    {{- app_macros.image(
                        image_src,
                        'classified_profile_images',
                        'img-responsive classified_list_item',
                        classified.locale.name
                    ) -}}
                </a>
                <div class="classified_list_item__content">
                    <div class="classified_list_item__content_top">
                        <a
                            href="{{ classifiedLink }}"
                        >
                            <h3 class="classified_list_item__heading">
                                {{- classified.locale.name -}}
                            </h3>
                        </a>
                        <p class="classified_list_item__date">
                            {{- classified.createdDate.format('d-m-Y') -}}
                        </p>
                        <div class="classified_list_item__underheader">
                            {% if classified.voivodeship is not empty %}
                                <a
                                    class="classified_list_item__voivo"
                                    href="{{ path('classifieds_voivo', {
                                        'section': classified.category.section.locale.slug,
                                        'slug': classified.voivodeship.slug
                                    }) }}"
                                >
                                    {{- classified.voivodeship.name -}}
                                </a>
                            {% endif %}
                            {% if classified.polishCity is not empty %}
                                <a
                                    class="classified_list_item__city"
                                    href="{{ path('classifieds_city', {
                                        'section': classified.category.section.locale.slug,
                                        'slug': classified.polishCity.slug
                                    }) }}"
                                >
                                    {{- classified.polishCity.name -}}
                                </a>
                            {% endif %}
                            <div class="classified_list_item__price">
                                {{ macros.price_container(classified.price) }}
                            </div>
                        </div>
                    </div>
                    <div class="classified_list_item__description">
                        {{- classified.locale.content|striptags|truncate(170, true)|raw -}}
                    </div>
                </div>
                <div class="classified_list_item__right">
                    {% if app.user is not empty and classified.user is not empty and app.user.id == classified.user.id %}
                        <a
                            class="btn btn--dark btn--small btn--nott classified_list_item__btn"
                            href="{{ path('raise_classified', {
                                section: app.request.attributes.get('section'),
                                slug: classified.locale.slug
                            }) }}"
                        >
                            <span>{{- 'Podbij' -}}</span>
                            <i class="fa fa-level-up" aria-hidden="true"></i>
                        </a>
                    {% endif %}
                    <div class="classified_list_item__link_container">
                        <a
                            class="classified_list_item__link"
                            href="{{ classifiedLink }}"
                        >
                            <span
                                class="classified_list_item__link_label"
                            >
                                {{- 'Ogłoszenie' -}}
                            </span>
                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
                {% include '@Classifieds/blocks/classified_star.html.twig' %}
            </div>
            {% if key == 1 and app.request.get('_route') == 'classifieds_category' %}
                {{ ads_block_classifieds('ad', category) }}
            {% endif %}
        {% endfor %}
        {% if classifieds|length < 2 and app.request.get('_route') == 'classifieds_category' %}
            {{ ads_block_classifieds('ad', category) }}
        {% endif %}
        {% include '@Core/frontend/blocks/paginator_numbers.html.twig' with {
            route_params: app.request.query.all|merge({
                section: app.request.attributes.get('section'),
                slug: app.request.attributes.get('slug'),
                category_slug: app.request.attributes.get('category_slug'),
            })
        } %}
    </div>
{% else %}
    <div class="alert">
        {% if company|default(false) is empty %}
            {{- 'Nie wiemy jak to możliwe, ale tu nie ma jeszcze żadnych ogłoszeń - zmienisz to?' -}}
        {% else %}
            {{- 'Firma ' ~ company.user.fullName ~ ' aktualnie nie posiada ogłoszeń w portalu.' -}}
        {% endif %}
    </div>
{% endif %}