{% extends 'layouts/main.twig' %}

{% block main %}
    {% include "components/bread-crumbs.twig" %}

    <section class="product-comparison-section">
        <h1 class="product-comparison-section__title">Сравнение товаров</h1>

        <div class="product-comparison-section__empty">
            <svg class="product-comparison-section__empty__icon"><use xlink:href="/sprite.svg#signal"></use></svg>
            <span class="product-comparison-section__empty__title">Пока ничего нет</span>
            <p class="product-comparison-section__empty__desc">Перейдите в каталог, чтобы найти подходящий аккумулятор</p>
            <a href="" class="product-comparison-section__empty__btn">В каталог</a>
        </div>
    </section>

    {% include "components/products-slider-section.twig" with { 
        productsSliderTitle: "Популярные товары"
    } %}

    {% include "components/selection-help-section.twig" %}
{% endblock %}