@if (!empty($banner))
    <div class="col-lg-6 scrap-right">
        <div id="slider" class="carousel" data-items="1" data-autoplay="2000">

            @foreach ($banner as $item)
                @switch ($item['type'])
                    @case ('image')
                        <div class="slide">
                            <a href="{{ $item['url'] ?? '#' }}"><img src="{{ check_file($item['src'] ?? '') }}" alt="Header Banner"></a>
                        </div>
                    @break

                    @case ('youtube')
                        @php
                            $youtubeSrc = trim($item['src'] ?? '');
                            if (filter_var($youtubeSrc, FILTER_VALIDATE_URL)) {
                                $parsed = parse_url($youtubeSrc);
                                if (($parsed['host'] ?? '') === 'youtu.be') {
                                    $youtubeSrc = trim($parsed['path'] ?? '', '/');
                                } elseif (str_contains($parsed['host'] ?? '', 'youtube.com')) {
                                    parse_str($parsed['query'] ?? '', $query);
                                    $youtubeSrc = $query['v'] ?? trim($parsed['path'] ?? '', '/');
                                }
                            }
                        @endphp
                        <div class="slide">
                            <iframe src="https://www.youtube.com/embed/{{ $youtubeSrc }}?autoplay=1&mute=1&loop=1&playlist={{ $youtubeSrc }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    @break

                    @case ('video')
                        <div class="slide">
                            <iframe src="https://www.youtube.com/embed/p1gmh3IBCoo?si=YvQC-mg50KChYMEP" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                        </div>
                    @break
                @endswitch
            @endforeach
        </div>
    </div>
@endif