==
<!-- Shops  ============================ -->
<section class="shops">
    <div class="auto_container">
        <div class="shops_wrap">
            <div class="shops_tab">
                <h4 class="shops_tab-link tabBtn active" data-tab="#all">
                    {{'ВСЕ'|_}}
                </h4>
                <h4 class="shops_tab-link tabBtn" data-tab="#news">
                    {{'Новости'|_}}
                </h4>
                <h4 class="shops_tab-link tabBtn" data-tab="#discount">
                    {{'Скидки'|_}}
                </h4>
                <h4 class="shops_tab-link tabBtn" data-tab="#stocks">
                    {{'АКЦИИ'|_}}
                </h4>
            </div>

            <div class="shops_block tabItem active" id="all">
                {% for sale in sales_all %}
                    <a href="{{ url('/') }}/sale/{{sale.id}}" class="shops_item wow fadeInUp" data-wow-duration=".3s" data-wow-delay=".1s">
                        <div class="shops_item-photo">
                            <img src="{{sale.images.first.path}}" alt="shop-photo">
                        </div>

                        <h6 class="shops_item-label">
                            {% if sale.type == "news"%}
                                {{'НОВОСТИ'|_}}
                            {% elseif sale.type == "promo"%}
                                {{'АКЦИЯ'|_}}
                            {% elseif sale.type == "discount"%}
                                {{'СКИДКИ'|_}}
                            {% endif %}
                        </h6>

                        <div class="shops_item-info">
                            <h5 class="shops_item-name">
                                {{sale.shop.name}}
                            </h5>

                            <h5 class="shops_item-floor">
                                {{sale.shop.floor}}
                                <span>
                                    {{'ЭТАЖ'|_}}
                                </span>
                            </h5>
                        </div>

                        <div class="shops_item-content">
                            {% if sale.start_date and sale.end_date%}
                            <p>
                                <span>
                                    <img src="{{ 'assets/images/svg/clock.svg'|theme }}" alt="clock-icon">
                                </span>

                                {{sale.start_date|date('Y-m-d')}} - {{sale.end_date|date('Y-m-d')}}
                            </p>
                            {% endif %}
                            <h4 class="shops_item-content-txt">
                                {{sale.name}}
                            </h4>
                        </div>
                    </a>
                {% endfor %}
            </div>

            <div class="shops_block tabItem" id="news">
                {% for sale in sales_news %}
                    <a href="{{ url('/') }}/sale/{{sale.id}}" class="shops_item">
                        <div class="shops_item-photo">
                            <img src="{{sale.images.first.path}}" alt="shop-photo">
                        </div>

                        <h6 class="shops_item-label">
                            {{'НОВОСТИ'|_}}
                        </h6>

                    {% if sale.shop%}
                            <div class="shops_item-info">
                                <h5 class="shops_item-name">
                                    {{ sale.shop.name}}
                                </h5>
    
                                <h5 class="shops_item-floor">
                                    {{ sale.shop.floor}}
                                    <span>
                                        {{'ЭТАЖ'|_}}
                                    </span>
                                </h5>
                            </div>
                        {% endif %}

                        <div class="shops_item-content">
                            {% if sale.start_date and sale.end_date%}
                                <p>
                                    <span>
                                        <img src="{{ 'assets/images/svg/clock.svg'|theme }}" alt="clock-icon">
                                    </span>
    
                                    {{sale.start_date}} - {{sale.end_date}}
                                </p>
                            {% endif %}
                            <h4 class="shops_item-content-txt">
                                {{sale.name}}
                            </h4>
                        </div>
                    </a>
                {% endfor %}
            </div>

            <div class="shops_block tabItem" id="discount">
                {% for sale in sales_discount %}
                    <a href="{{ url('/') }}/sale/{{sale.id}}" class="shops_item">
                        <div class="shops_item-photo">
                            <img src="{{sale.images.first.path}}" alt="shop-photo">
                        </div>

                        <h6 class="shops_item-label">
                            {{'СКИДКИ'|_}}
                        </h6>

                        {% if sale.shop%}
                            <div class="shops_item-info">
                                <h5 class="shops_item-name">
                                    {{ sale.shop.name}}
                                </h5>
    
                                <h5 class="shops_item-floor">
                                    {{ sale.shop.floor}}
                                    <span>
                                        {{'ЭТАЖ'|_}}
                                    </span>
                                </h5>
                            </div>
                        {% endif %}

                        <div class="shops_item-content">
                            {% if sale.start_date and sale.end_date%}
                                <p>
                                    <span>
                                        <img src="{{ 'assets/images/svg/clock.svg'|theme }}" alt="clock-icon">
                                    </span>
    
                                    {{sale.start_date}} - {{sale.end_date}}
                                </p>
                            {% endif %}
                            <h4 class="shops_item-content-txt">
                                {{sale.name}}
                            </h4>
                        </div>
                    </a>
                {% endfor %}
            </div>

            <div class="shops_block tabItem" id="stocks">
                {% for sale in sales_promo %}
                    <a href="{{ url('/') }}/sale/{{sale.id}}" class="shops_item">
                        <div class="shops_item-photo">
                            <img src="{{sale.images.first.path}}" alt="shop-photo">
                        </div>

                        <h6 class="shops_item-label">
                            {{'АКЦИЯ'|_}}
                        </h6>

                        {% if sale.shop%}
                            <div class="shops_item-info">
                                <h5 class="shops_item-name">
                                    {{ sale.shop.name}}
                                </h5>
    
                                <h5 class="shops_item-floor">
                                    {{ sale.shop.floor}}
                                    <span>
                                        {{'ЭТАЖ'|_}}
                                    </span>
                                </h5>
                            </div>
                        {% endif %}

                        <div class="shops_item-content">
                            {% if sale.start_date and sale.end_date%}
                            <p>
                                <span>
                                    <img src="{{ 'assets/images/svg/clock.svg'|theme }}" alt="clock-icon">
                                </span>

                                {{sale.start_date}} - {{sale.end_date}}
                            </p>
                            {% endif %}
                            <h4 class="shops_item-content-txt">
                                {{sale.name}}
                            </h4>
                        </div>
                    </a>
                {% endfor %}
            </div>
        </div>
    </div>
</section>
<!-- Shops end ========================= -->