@php
    $theme_name = core()->getCurrentChannel()->theme;
@endphp

@if ($velocityMetaData && $velocityMetaData->slider)
        <div class="slider-container">
            <slider-component
                default-banner="{{ asset('/themes/' . $theme_name . '/assets/images/banner.webp') }}"
                :banners="{{ json_encode($sliderData) }}"
                :timeout="{{$velocityMetaData->slider_timer}}">

                {{-- this is default content if js is not loaded --}}
                @if(! empty($sliderData))
                    <img class="col-12 no-padding banner-icon" src="{{ env('CDN_URL') . $sliderData[0]['path'] }}" alt=""/>
                @else
                    <img class="col-12 no-padding banner-icon" src="{{ asset('/themes/' . $theme_name . '/assets/images/banner.webp') }}" alt=""/>
                @endif

            </slider-component>
        </div>
@endif