@if ($promo = $helper->getPromoDetail(['id' => $data->promo_id]))
    
    <div class="ps-deal-of-day">
        <div class="{{$container_class}}">
            <div class="ps-section__header">
                <div class="ps-block--countdown-deal">
                    <div class="ps-block__left">
                        <h3>{{$data->title??'Deal of the day'}}</h3>
                    </div>
                    <div class="ps-block__right">
                        <figure>
                            <figcaption>{{$data->end_time_text??'End in'}}:</figcaption>
                            <ul class="ps-countdown" data-time="{{$promo->promoDateFormat('M, d, Y H:i:s')}}">
                                <li><span class="days"></span></li>
                                <li><span class="hours"></span></li>
                                <li><span class="minutes"></span></li>
                                <li><span class="seconds"></span></li>
                            </ul>
                        </figure>
                    </div>
                </div>
                <a href="{{$data->link}}">Xem tất cả</a>
            </div>
            @if (count($products = $helper->getProducts(['@promo' => $promo->id, '@limit' => 30, '@with' => ['promoAvailable'], '@withReviews' => true, '@withOption' => true])))
                
            <div class="ps-section__content">
                <div class="ps-carousel--nav owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="30" data-owl-nav="true" data-owl-dots="true" data-owl-item="5" data-owl-item-xs="2" data-owl-item-sm="3" data-owl-item-md="4" data-owl-item-lg="4" data-owl-item-xl="5" data-owl-duration="1000" data-owl-mousedrag="on">
                    {{-- for --}}
                    @foreach ($products as $product)
                        @include($_template.'product-item', [
                            'product' => $product,
                            'item_class' => 'ps-product--inner'
                        ])
                    @endforeach
                    {{-- emd for --}}
                </div>
            </div>
            @endif

        </div>
    </div>

    @endif