@php
    $listImagePc = [];
    $listImageSp = [];
    for ($i = 1; $i <= 3; $i++) {
        if (!empty($item['slide_image_pc' . $i])) {
            $listImagePc[] = [
                'image' => $item['slide_image_pc' . $i],
            ];
        }
        if (!empty($item['slide_image_sp' . $i])) {
            $listImageSp[] = [
                'image' => $item['slide_image_sp' . $i],
            ];
        }
    }
    if (count($listImagePc) == 0) {
        $listImagePc[] = [
            'image' => 'https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png',
        ];
    }
    if (count($listImageSp) == 0) {
        $listImageSp = $listImagePc;
    }
@endphp
{{-- <div class="mv-v2">
    <div class="mv-slide__pc w-h-full pc_flex center-align">
        <div class="mv-v2-text__wrap">
            <h1 class="mv-v2-heading">{!! setTextDefault(textLocale('title', $item, $lang)) !!}</h1>
            <div class="mv-v2-text">{!! setTextDefault(textLocale('note', $item, $lang)) !!}</div>
        </div>
        <div class="swiper swiperContainer mv-v2-pc-swiper">
            <div class="swiper-wrapper">
                @foreach ($listImagePc as $val)
                    <div class="swiper-slide"><img src="{!! setImagePreview($val['image']) !!}" alt=""></div>
                @endforeach
            </div>
        </div>
    </div>
    <div class="mv-slide__sp w-h-full sp_flex center-align">
        <div class="mv-v2-text__wrap">
            <h1 class="mv-v2-heading">{!! setTextDefault(textLocale('title_sp', $item, $lang)) !!}</h1>
            <div class="mv-v2-text">{!! setTextDefault(textLocale('note_sp', $item, $lang)) !!}</div>
        </div>
        <div class="swiper swiperContainer mv-v2-sp-swiper">
            <div class="swiper-wrapper">
                @foreach ($listImageSp as $val)
                    <div class="swiper-slide"><img src="{!! setImagePreview($val['image']) !!}" alt=""></div>
                @endforeach
            </div>
        </div>
    </div>
</div> --}}

<div class="mv-top" style="position: relative">
    <div class="swiper mv-swiper mv-swiper-pc">
        <div class="swiper-wrapper">
            @foreach ($listImagePc as $i => $val)
                <div class="swiper-slide" data-index="{{ $i }}">
                    <div class="slide-inner">
                        <div class="image-aspect-ratio-banner">
                            <img src="{!! setImagePreview($val['image']) !!}" alt="">
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <div class="swiper mv-swiper mv-swiper-sp">
        <div class="swiper-wrapper">
            @foreach ($listImageSp as $i => $val)
                <div class="swiper-slide" data-index="{{ $i }}">
                    <div class="slide-inner">
                        <div class="image-aspect-ratio-banner"><img src="{!! setImagePreview($val['image']) !!}" alt="">
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <div class="mv-v2-text__wrap">
        <h1 class="mv-v2-heading">{!! setTextDefault(textLocale('title', $item, $lang)) !!}</h1>
        <div class="mv-v2-text">{!! setTextDefault(textLocale('note', $item, $lang)) !!}</div>
    </div>
</div>