{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
{% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}

{% if resources.data|length > 0 %}
    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-9 content">
                    <div class="row m-b-20">
                        {{ sylius_template_event('sylius.shop.product.index.search', _context) }}
                        {{ sylius_template_event('sylius.shop.product.index.before_list', {'products': resources.data}) }}
                    </div>
                    <!--Product list-->
                    <div class="shop">
                        <div class="grid-layout grid-3-columns" data-item="grid-item">
                            {% for product in resources.data %}
                                {% include '@SyliusShop/Product/Box/_grid.html.twig' %}
                            {% endfor %}
                            {{ sylius_template_event('sylius.shop.product.index.before_pagination', {'products': resources.data}) }}
                        </div>
                    </div>
                    <!--End: Product list-->
                </div>
                <div class="sidebar col-lg-3">
                    {% include '@SyliusShop/Product/Index/_sidebar.html.twig' %}
                    <div class="widget clearfix widget-shop">
                        <h4 class="widget-title">{{ 'sylius.ui.latest_products'|trans }}</h4>
                        {{ render(url('sylius_shop_partial_product_index_latest', {'count': 4, 'template': '@SyliusShop/Product/_horizontalList.html.twig'})) }}
                    </div>
                    <div class="widget clearfix widget-newsletter">
                        <form class="form-inline" id="form2" method="get" action="#">
                            <h4 class="widget-title">{{ 'sylius.homepage.newsletter'|trans }}</h4>
                            <small>{{ 'sylius.homepage.newsletter_description'|trans }}</small>
                            <div class="input-group">
                                <input type="email" placeholder="{{ 'sylius.ui.email'|trans }}" class="form-control required email" name="widget-subscribe-form-email" required aria-required="true">
                                <span class="input-group-btn">
                                        <button type="submit" class="btn"><i class="fa fa-paper-plane"></i></button>
                                    </span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end: Shop products -->
    {{ pagination.simple(resources.data) }}
{% else %}
    <section id="shop-cart">
        <div class="container">
            <div class="p-t-10 m-b-20 text-center">
                <div class="heading-text heading-line text-center">
                    <h4>{{ messages.info('sylius.ui.no_results_to_display') }}</h4>
                </div>
                <a class="btn icon-left" href="{{ path('sylius_shop_homepage') }}"><span>{{'sylius.ui.home' | trans}}</span></a>
            </div>
        </div>
    </section>
{% endif %}