@if ($data->slider_id && ($slider = $helper->getSlider($data->slider_id)) && count($slider->items))
<div class="ps-home-banner">
    <div class="ps-carousel--nav-inside owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="5000" data-owl-gap="0" data-owl-nav="true" data-owl-dots="true" data-owl-item="1" data-owl-item-xs="1" data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000" data-owl-mousedrag="on" data-owl-animate-in="fadeIn" data-owl-animate-out="fadeOut">

        @foreach ($slider->items as $item)
            
            <div class="ps-banner--market-1" data-background="{{$item->image_url}}"><img src="{{$item->image_url}}" alt="">
                <div class="ps-banner__content">
                    @if ($data->show_detail)
                        
                        <h5>{!! $item->sub_title !!}</h5>
                        <h3>{!! $item->title !!}</h3>
                            <p>{!! $item->description !!}</p>
                            <a class="ps-btn" href="{{$item->link}}">{{$data->see_more_text?$data->see_more_text: "Chi tiết"}}</a>
                    
                    
                    @endif
                </div>
            </div>
    
        @endforeach
        
    </div>
</div>

@endif