{% if resources.data.nbResults > 0 %}
	{% set paginationLimits = (resources.definition.limits) %}

	{% set route = app.request.attributes.get('_route') %}
	{% set route_parameters = app.request.attributes.get('_route_params')|merge(app.request.query.all) %}

	{% set criteria = app.request.query.get('criteria', {}) %}

	{% set default_path = path(route, route_parameters|merge({'sorting': null, 'criteria': criteria})) %}
	{% set from_a_to_z_path = path(route, route_parameters|merge({'sorting': {'name': 'asc'}, 'criteria': criteria})) %}
	{% set from_z_to_a_path = path(route, route_parameters|merge({'sorting': {'name': 'desc'}, 'criteria': criteria})) %}
	{% set oldest_first_path = path(route, route_parameters|merge({'sorting': {'createdAt': 'asc'}, 'criteria': criteria})) %}
	{% set newest_first_path = path(route, route_parameters|merge({'sorting': {'createdAt': 'desc'}, 'criteria': criteria})) %}
	{% set cheapest_first_path = path(route, route_parameters|merge({'sorting': {'price': 'asc'}, 'criteria': criteria})) %}
	{% set most_expensive_first_path = path(route, route_parameters|merge({'sorting': {'price': 'desc'}, 'criteria': criteria})) %}

	{% if app.request.query.get('sorting') is empty %}
		{% set current_sorting_label = 'sylius.ui.by_position'|trans|lower %}
	{% elseif app.request.query.get('sorting').name is defined and app.request.query.get('sorting').name == 'asc'%}
		{% set current_sorting_label = 'sylius.ui.from_a_to_z'|trans|lower %}
	{% elseif app.request.query.get('sorting').name is defined and app.request.query.get('sorting').name == 'desc'%}
		{% set current_sorting_label = 'sylius.ui.from_z_to_a'|trans|lower %}
	{% elseif app.request.query.get('sorting').createdAt is defined and app.request.query.get('sorting').createdAt == 'desc'%}
		{% set current_sorting_label = 'sylius.ui.newest_first'|trans|lower %}
	{% elseif app.request.query.get('sorting').createdAt is defined and app.request.query.get('sorting').createdAt == 'asc'%}
		{% set current_sorting_label = 'sylius.ui.oldest_first'|trans|lower %}
	{% elseif app.request.query.get('sorting').price is defined and app.request.query.get('sorting').price == 'asc'%}
		{% set current_sorting_label = 'sylius.ui.cheapest_first'|trans|lower %}
	{% elseif app.request.query.get('sorting').price is defined and app.request.query.get('sorting').price == 'desc' %}
		{% set current_sorting_label = 'sylius.ui.most_expensive_first'|trans|lower %}
	{% endif %}

	{# <div class="ui right floated small header">
		        <div class="content">
		            {{ 'sylius.ui.sort'|trans }}
		            <div class="ui inline dropdown">
		                <div class="text">{{ current_sorting_label }}</div>
		                <i class="dropdown icon"></i>
		                <div class="menu">
		                    <a class="item" href="{{ default_path }}" data-text="{{ 'sylius.ui.by_position'|trans|lower }}">{{ 'sylius.ui.by_position'|trans }}</a>
		                    <a class="item" href="{{ from_a_to_z_path }}" data-text="{{ 'sylius.ui.from_a_to_z'|trans|lower }}">{{ 'sylius.ui.from_a_to_z'|trans }}</a>
		                    <a class="item" href="{{ from_z_to_a_path }}" data-text="{{ 'sylius.ui.from_z_to_a'|trans|lower }}">{{ 'sylius.ui.from_z_to_a'|trans }}</a>
		                    <a class="item" href="{{ newest_first_path }}" data-text="{{ 'sylius.ui.newest_first'|trans|lower }}">{{ 'sylius.ui.newest_first'|trans }}</a>
		                    <a class="item" href="{{ oldest_first_path }}" data-text="{{ 'sylius.ui.oldest_first'|trans|lower }}">{{ 'sylius.ui.oldest_first'|trans }}</a>
		                    <a class="item" href="{{ cheapest_first_path }}" data-text="{{ 'sylius.ui.cheapest_first'|trans|lower }}">{{ 'sylius.ui.cheapest_first'|trans }}</a>
		                    <a class="item" href="{{ most_expensive_first_path }}" data-text="{{ 'sylius.ui.most_expensive_first'|trans|lower }}">{{ 'sylius.ui.most_expensive_first'|trans }}</a>
		                </div>
		            </div>
		        </div>
		    </div>  #}

	<div class="row align-items-center mb-4 pb-1">
		<div class="col-12">
			<div class="product_header mt-5">
				<div class="product_header_left">
					<div class="dropdown">
						<a class="btn btn-primary dropdown-toggle" style="border-color: #CDE9D2; background-color: #CDE9D2" role="button" id="dropdownMenuLink2" data-bs-toggle="dropdown" aria-expanded="false" href="{{ default_path }}" data-text="{{ current_sorting_label }}">{{ current_sorting_label }}</a>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink2">
							<li>
								<a class="dropdown-item" href="{{ default_path }}" data-text="{{ 'sylius.ui.by_position'|trans|lower }}">{{ 'sylius.ui.by_position'|trans }}</a>
							</li>
							<li>
								<a class="dropdown-item" href="{{ from_a_to_z_path }}" data-text="{{ 'sylius.ui.from_a_to_z'|trans|lower }}">{{ 'sylius.ui.from_a_to_z'|trans }}</a>
							</li>
							<li>
								<a class="dropdown-item" href="{{ from_z_to_a_path }}" data-text="{{ 'sylius.ui.from_z_to_a'|trans|lower }}">{{ 'sylius.ui.from_z_to_a'|trans }}</a>
							</li>
							<li>
								<a class="dropdown-item" href="{{ newest_first_path }}" data-text="{{ 'sylius.ui.newest_first'|trans|lower }}">{{ 'sylius.ui.newest_first'|trans }}</a>
							</li>
							<li>
								<a class="dropdown-item" href="{{ oldest_first_path }}" data-text="{{ 'sylius.ui.oldest_first'|trans|lower }}">{{ 'sylius.ui.oldest_first'|trans }}</a>
							</li>
							<li>
								<a class="dropdown-item" href="{{ cheapest_first_path }}" data-text="{{ 'sylius.ui.cheapest_first'|trans|lower }}">{{ 'sylius.ui.cheapest_first'|trans }}</a>
							</li>
							<li>
								<a class="dropdown-item" href="{{ most_expensive_first_path }}" data-text="{{ 'sylius.ui.most_expensive_first'|trans|lower }}">{{ 'sylius.ui.most_expensive_first'|trans }}</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="product_header_right">
					<div class="products_view">
						<a href="javascript:Void(0);" class="shorting_icon grid active">
							<i class="ti-view-grid"></i>
						</a>
						<a href="javascript:Void(0);" class="shorting_icon list">
							<i class="ti-layout-list-thumb"></i>
						</a>
					</div>
					<div
						class="custom_select">
						{# <select class="form-control form-control-sm">
												                            <option value="">{{ 'sylius.ui.show'|trans }} {{ resources.data.maxPerPage }}</option>
												                            {% for limit in paginationLimits|filter(limit => limit != resources.data.maxPerPage) %}
												                                {% set path = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge(app.request.query.all)|merge({'limit': limit})) %}
												                                <a class="dropdown-item" href="{{ path }}"><option value="{{ limit }}">{{ limit }}</option></a>
												                            {% endfor %}
												                        </select> #}
						<div class="dropdown">
							<a class="btn btn-primary dropdown-toggle" style="border-color: #CDE9D2; background-color: #CDE9D2" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
								{{ 'sylius.ui.show'|trans }}
								{{ resources.data.maxPerPage }}
							</a>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
								{% for limit in paginationLimits|filter(limit => limit != resources.data.maxPerPage) %}
									{% set path = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge(app.request.query.all)|merge({'limit': limit})) %}
									<li>
										<a class="dropdown-item" href="{{ path }}">{{ limit }}</a>
									</li>
								{% endfor %}
							</ul>
						</div>
						{# <div class="dropdown">
												                            <a class="btn btn-primary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
												                                Dropdown link
												                            </a>
												
												                            <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
												                                <li><a class="dropdown-item" href="#">Action</a></li>
												                                <li><a class="dropdown-item" href="#">Another action</a></li>
												                                <li><a class="dropdown-item" href="#">Something else here</a></li>
												                            </ul>
												                        </div> #}
					</div>
				</div>
			</div>
		</div>
	</div>
{% endif %}

{# <div class="ui right floated small header">
    <div class="content">
        <div class="ui inline dropdown sylius-paginate">
            {{ 'sylius.ui.show'|trans }} {{ resources.data.maxPerPage }}
            <i class="dropdown icon"></i>
            <div class="menu">
            {% for limit in paginationLimits|filter(limit => limit != resources.data.maxPerPage) %}
                {% set path = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge(app.request.query.all)|merge({'limit': limit})) %}
                <a class="item" href="{{ path }}">{{ limit }}</a>
            {% endfor %}
            </div>
        </div>
    </div>
</div> #}