@php
    use App\Enums\LinkDestinationType;
    use App\Enums\MultiLangMode;
    $childPage1 = getChildPage(fieldPropertyValue('child_page1', $item), $basic, $lang);
    $childPage2 = getChildPage(fieldPropertyValue('child_page2', $item), $basic, $lang);
    $childPage3 = getChildPage(fieldPropertyValue('child_page3', $item), $basic, $lang);
    $childPage4 = getChildPage(fieldPropertyValue('child_page4', $item), $basic, $lang);
@endphp
<div class="four-seasons-top">
    <div class="four-seasons__item relative">
        <div class="img-wrap roll-left"> <img src="{!! setImagePreview($childPage1['image']) !!}" alt=""></div>
        <div class="container relative">
            <div class="four-seasons__item--info flex" data-aos="fade-up" data-aos-delay="1100">
                <div class="info-number relative">01</div>
                <div class="info-page">
                    <div class="info-page__titleEN">{!! setTextDefault($childPage1['page_name'], 'ROOMS') !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="info-page__titleJA">
                            {!! setTextDefault($childPage1['title']) !!}
                        </div>
                    @endif
                    <div class="info-page__desc">{!! setTextDefault($childPage1['introduction']) !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page1', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            {{ fieldPropertyValue('child_page1', $item) == LinkDestinationType::TOP ? '' : 'MORE' }} {!! setTextDefault($childPage1['page_name'], 'ROOMS') !!}
                        </a>
                    @else
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page1', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            MORE
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="four-seasons__item relative">
        <div class="img-wrap roll-left"> <img src="{!! setImagePreview($childPage2['image']) !!}" alt=""></div>
        <div class="container">
            <div class="four-seasons__item--info flex" data-aos="fade-up" data-aos-delay="1100">
                <div class="info-number relative">02</div>
                <div class="info-page">
                    <div class="info-page__titleEN">{!! setTextDefault($childPage2['page_name'], 'DINNING') !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="info-page__titleJA">
                            {!! setTextDefault($childPage2['title']) !!}
                        </div>
                    @endif
                    <div class="info-page__desc">{!! setTextDefault($childPage2['introduction']) !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page2', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            {{ fieldPropertyValue('child_page2', $item) == LinkDestinationType::TOP ? '' : 'MORE' }} {!! setTextDefault($childPage2['page_name'], 'ROOMS') !!}
                        </a>
                    @else
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page2', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            MORE
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="four-seasons__item relative">
        <div class="img-wrap roll-left"> <img src="{!! setImagePreview($childPage3['image']) !!}" alt=""></div>
        <div class="container">
            <div class="four-seasons__item--info flex" data-aos="fade-up" data-aos-delay="1100">
                <div class="info-number relative">03</div>
                <div class="info-page">
                    <div class="info-page__titleEN">{!! setTextDefault($childPage3['page_name'], 'FACILITIES') !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="info-page__titleJA">
                            {!! setTextDefault($childPage3['title']) !!}
                        </div>
                    @endif
                    <div class="info-page__desc">{!! setTextDefault($childPage3['introduction']) !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page3', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            {{ fieldPropertyValue('child_page3', $item) == LinkDestinationType::TOP ? '' : 'MORE' }} {!! setTextDefault($childPage3['page_name'], 'ROOMS') !!}
                        </a>
                    @else
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page3', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            MORE
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="four-seasons__item relative">
        <div class="img-wrap roll-left"> <img src="{!! setImagePreview($childPage4['image']) !!}" alt=""></div>
        <div class="container">
            <div class="four-seasons__item--info flex" data-aos="fade-up" data-aos-delay="1100">
                <div class="info-number relative">04</div>
                <div class="info-page">
                    <div class="info-page__titleEN">{!! setTextDefault($childPage4['page_name'], 'SIGHT SEEING') !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="info-page__titleJA">
                            {!! setTextDefault($childPage4['title']) !!}
                        </div>
                    @endif
                    <div class="info-page__desc">{!! setTextDefault($childPage4['introduction']) !!}</div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page4', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            {{ fieldPropertyValue('child_page4', $item) == LinkDestinationType::TOP ? '' : 'MORE' }} {!! setTextDefault($childPage4['page_name'], 'ROOMS') !!}
                        </a>
                    @else
                        <a class="more-info-link" href="{!! setLinkDestination($project, fieldPropertyValue('child_page4', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
                            MORE
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>