@if ($project->show_plan && !empty($planData))
    <div class="pick-up-content">
        <div class="container relative">
            <div class="pick-up__heading">SPECIAL OFFERS & EVENTS</div>
            <div class="pick-up__contents-pc">
                @foreach ($planData as $ind => $plan)
                    @if ($ind < 4)
                        @php
                            $urlDetail = setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url).'/detail?id='.fieldPropertyValue('id', $plan);
                            if (fieldPropertyValue('detail_page_plan', $plan) == 1) {
                                $urlDetail = fieldPropertyValue('hotel_link_type', $plan) == 1 ? fieldPropertyValue('hotel_url', $plan) : '';
                            }
                        @endphp
                        <div class="pick-up__box">
                            <div class="aspect-ratio-100x66">
                                <a href="{!! $urlDetail !!}">
                                    <img src="{!! setImagePreview(fieldPropertyValue('image', $plan)) !!}" alt="">
                                </a>
                            </div>
                            <a href="{!! $urlDetail !!}">{{ fieldPropertyValue('heading', $plan) }}</a>
                        </div>
                    @endif
                @endforeach
            </div>
            <div class="swiper-pick-up pick-up__contents-sp">
                <div class="swiper-wrapper flex center-align">
                    @foreach ($planData as $ind => $plan)
                        <div class="pick-up__box swiper-slide relative">
                            <div class="aspect-ratio-100x66">
                                <a href="{!! fieldPropertyValue('detail_page_plan', $plan) == 1
                                    ? setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) .
                                        '/detail?id=' .
                                        fieldPropertyValue('id', $plan)
                                    : 'javascript:;' !!}">
                                    <img src="{!! setImagePreview(fieldPropertyValue('image', $plan)) !!}" alt="">
                                </a>
                            </div>
                            <a href="{!! fieldPropertyValue('detail_page_plan', $plan) == 1
                                ? setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) .
                                    '/detail?id=' .
                                    fieldPropertyValue('id', $plan)
                                : 'javascript:;' !!}">{{ fieldPropertyValue('heading', $plan) }}</a>
                        </div>
                    @endforeach
                </div>
                <div class="swiper-button">
                    <div class="swiper-button-prev-pickup swiper-button-prev">
                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512">
                            <path
                                d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160">
                            </path>
                        </svg>
                    </div>
                    <div class="swiper-button-next-pickup swiper-button-next">
                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512">
                            <path
                                d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160">
                            </path>
                        </svg>
                    </div>
                </div>
            </div>
            <div class="link-center"><a class="button-detail" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->plan_url) !!}"
                    data-i18n="pickup_content.btn_detail"></a>
            </div>
        </div>
    </div>
@endif