<section class="wow fadeIn p-0 main-slider mobile-height top-space">
    <div class="swiper-full-screen swiper-container-fluid w-100 white-move homepage-slider">
        <div class="swiper-wrapper">

            <!-- start slider item -->
            @foreach($bannerView['banner'] as $item)

                @if(!empty($bannerView['banner_images'][$item->banner_id]->file_name))
                    <div class="swiper-slide cover-background"
                         style="background-image:url('{{ url($bannerView['banner_images'][$item->banner_id]->file_path."/".$bannerView['banner_images'][$item->banner_id]->file_name.".".$bannerView['banner_images'][$item->banner_id]->extension) }}');"
                    >
                        <div class="container-fluid position-relative one-fourth-screen sm-height-200px">
                            <div class="slider-typography text-center">
                                <div class="slider-text-middle-main">
                                    <div class="slider-text-middle">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="swiper-slide cover-background"
                         style="background-image:url('{{ url('tvo-images/19562755765ffbceae6cd991610337966.jpg') }}');"
                    >
                        <div class="container-fluid position-relative one-fourth-screen sm-height-200px">
                            <div class="slider-typography text-center">
                                <div class="slider-text-middle-main">
                                    <div class="slider-text-middle">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            @endif

        @endforeach
        <!-- end slider item -->

        </div>

        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-white swiper-full-screen-pagination"></div>
        <div class="swiper-button-next swiper-button-black-highlight d-none"></div>
        <div class="swiper-button-prev swiper-button-black-highlight d-none"></div>

    </div>
</section>

{{--<div class="tp-banner-container">--}}
{{--    <div class="tp-banner">--}}
{{--        <ul>--}}
{{--        @foreach($bannerView['banner'] as $item)--}}
{{--            <!-- SLIDE i -->--}}
{{--                <li data-transition="zoomout" data-slotamount="7" data-masterspeed="1500" >--}}
{{--                    @if(!empty($bannerView['banner_images'][$item->banner_id]->file_name))--}}
{{--                        <img src="{{ url($bannerView['banner_images'][$item->banner_id]->file_path."/".$bannerView['banner_images'][$item->banner_id]->file_name.".".$bannerView['banner_images'][$item->banner_id]->extension) }}"--}}
{{--                         alt=""--}}
{{--                         data-bgposition="center center"--}}
{{--                         data-kenburns="on"--}}
{{--                         data-duration="25000"--}}
{{--                         data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="120" data-bgpositionend="center top">--}}
{{--                    @else--}}
{{--                        <img src="{{ url('img/no_image.jpg') }}" class="img-thumbnail img-responsive" alt="">--}}
{{--                    @endif--}}
{{--                </li>--}}
{{--                <!-- END SLIDE -->--}}
{{--            @endforeach--}}
{{--        </ul>--}}
{{--        <div class="tp-bannertimer"></div>--}}
{{--    </div>--}}
{{--</div>--}}
