{% extends 'base.html.twig' %}{% trans_default_domain 'ECommerceBundle' %}{%- import 'ECommerce/App/Product/macros.html.twig' as macros -%}{% block body %}<div class="container-fluid"><div class="row"><div class="container"><div class="content"><div class="container"><div class="row"><div class="col"><div class="row p-0 blog-post-content align-items-start"><div class="col-2 p-0">{% include 'ECommerce/App/Product/sidebar.ajax.twig' %}</div><div class="col-10 p-0 product-index-table border-left-2"><div class="row p-0 pl-5"><img src="{{ asset('assets/static/shop-hero.png') }}" class="img-fluid w-100" alt="Shop Hero" /></div><div class="row table-headline p-0 pl-3 pb-5"><div class="ml-4"><select name="Sort" aria-label="Sort"><option value="{{ 'general.sort'|trans }}">{{ 'general.sort'|trans }}</option><option value="{{ 'general.price_asc'|trans }}">{{ 'general.price_asc'|trans }}</option><option value="{{ 'general.price_desc'|trans }}">{{ 'general.price_desc'|trans }}</option><option value="{{ 'general.name_asc'|trans }}">{{ 'general.name_asc'|trans }}</option><option value="{{ 'general.name_desc'|trans }}">{{ 'general.name_desc'|trans }}</option></select><a class="list-view" href="{{ path(app.request.attributes.get('_route'), app.request.query.all | merge({'view': 'list', 'limit': 6})) }}"><img src="{{ asset('assets/static/list-view.svg') }}" alt="List View"></a><a class="large-icon-view" href="{{ path(app.request.attributes.get('_route'), app.request.query.all | merge({'view': 'largeIcons', 'limit': 8})) }}"><img src="{{ asset('assets/static/large-icon-view-selected.svg') }}" alt="Large Icon View"></a></div></div>{% include 'ECommerce/App/Product/large_icons.ajax.twig' %}<div class="navigation d-flex justify-content-end ml-auto product-index-navigation"><div class="row pl-0 pr-0"><div class="col-12 ">{{ knp_pagination_render(products) }}</div></div></div></div><div class="row justify-content-center"><div class="synonym-products"><div id="interchange-wrapper" class="mt-3 mb-5"><div class="row justify-content-center"><div class="col-12 mb-5 text-center"><h1>{{ 'general.interchange_button_title'|trans }}</h1><a class="btn btn-primary mt-4"href="{{ path('mdl_app_synonym_product_find', { 'title': ('*'|trim('*', 'left')) }) }}"data-intro="{{ ('intro.interchange'|trans) }}"data-toggle="replace"data-trigger="#interchange-wrapper"><span class="text-capitalize font-21 font-weight-normal">{{ 'general.interchange_button_search'|trans }}</span><img src="{{ asset('assets/static/arrows-both-way.svg') }}" class="img-fluid ml-5"alt="found in interchange catalogue"></a></div></div></div></div></div></div></div></div></div></div></div></div></div>{% endblock %}