{% extends 'base.html.twig' %}

{% block title %}BuyFree.cz{% endblock %}

{% block body %}
    <div class="container">
        <div class="row u-pt-40">
            {# left sidebar #}
            <div class="col-xl-4">
                {% include('frontend/home/partials/sidebar.html.twig') with {'categories': categories} %}
            </div>
            {# right content #}
            <div class="col-xl-8 u-mt-70-xl">
                <section class="page-top">
                    {# jumbotron #}
                    {% include('frontend/home/partials/jumbotron.html.twig') %}
                </section>
                {# page-content #}
                <section class="page-content">
                    <div class="row">
                        {# recommended products #}
                        <div class="col-lg-12">
                            <div class="page-content__heading">
                                <h2>Doporučujeme zboží</h2>
                                <a href="#">Zobrazit vše</a>
                            </div>
                        </div>
                        {% include('frontend/home/partials/products-grid.html.twig') with {'products': recommendedProducts} %}
                        {# new products #}
                        <div class="col-lg-12">
                            <div class="page-content__heading">
                                <h2>Nové zboží</h2>
                                <a href="#">Zobrazit vše</a>
                            </div>
                        </div>
                        {% include 'frontend/home/partials/products-grid.html.twig' with {'products': lastProducts} %}

                        {# current auctions #}
                        <div class="col-lg-12">
                            <div class="page-content__heading">
                                <h2> Probíhající aukce</h2>
                                <a href="/auction">Zobrazit vše</a>
                            </div>
                        </div>
                        {% include('frontend/home/partials/auctions-grid.html.twig') with {'auctions': auctions} %}
                    </div>
                </section>

            </div>
        </div>
    </div>

{% endblock %}