@php
    $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_image" data-aos="fade-in">
    <div class="four_image__box">
        <a href="{!! setLinkDestination($project, fieldPropertyValue('child_page1', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
            <div class="four_image__text">
                <div class="four_image__number">01</div>
                <div class="four_image__title">{!! setTextDefault($childPage1['title'], 'ROOMS') !!}</div>
                <div class="four_image__sub">
                    {!! setTextDefault(
                        textLocale('heading1', $item, $lang)
                    ) !!}
                </div>
            </div>
            <div class="four_image__image relative">
                <img src="{!! setImagePreview($childPage1['image']) !!}">
                <div class="overlay"></div>
            </div>
        </a>
    </div>
    <div class="four_image__box">
        <a href="{!! setLinkDestination($project, fieldPropertyValue('child_page2', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
            <div class="four_image__text">
                <div class="four_image__number">02</div>
                <div class="four_image__title">{!! setTextDefault($childPage2['title'], 'DINIG') !!}</div>
                <div class="four_image__sub">
                    {!! setTextDefault(
                        textLocale('heading2', $item, $lang)
                    ) !!}
                </div>
            </div>
            <div class="four_image__image relative">
                <img src="{!! setImagePreview($childPage2['image']) !!}">
                <div class="overlay"></div>
            </div>
        </a>
    </div>
    <div class="four_image__box">
        <a href="{!! setLinkDestination($project, fieldPropertyValue('child_page3', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
            <div class="four_image__text">
                <div class="four_image__number">03</div>
                <div class="four_image__title">{!! setTextDefault($childPage3['title'], 'FACILITIES') !!}</div>
                <div class="four_image__sub">
                    {!! setTextDefault(
                        textLocale('heading3', $item, $lang)
                    ) !!}
                </div>
            </div>
            <div class="four_image__image relative">
                <img src="{!! setImagePreview($childPage3['image']) !!}">
                <div class="overlay"></div>
            </div>
        </a>
    </div>
    <div class="four_image__box">
        <a href="{!! setLinkDestination($project, fieldPropertyValue('child_page2', $item), $basic, '', $lang, $domainPublish ?? false)['link'] !!}">
            <div class="four_image__text">
                <div class="four_image__number">04</div>
                <div class="four_image__title">{!! setTextDefault($childPage4['title'], 'SIGHT SEEING') !!}</div>
                <div class="four_image__sub">
                    {!! setTextDefault(
                        textLocale('heading4', $item, $lang)
                    ) !!}
                </div>
            </div>
            <div class="four_image__image relative">
                <img src="{!! setImagePreview($childPage4['image']) !!}">
                <div class="overlay"></div>
            </div>
        </a>
    </div>
</div>