@php
    use App\Enums\Boolean;
    use App\Enums\MultiLangMode;
@endphp
<div class="allcontaints pc">
    <div class="allcontaints__list allcontaints-pc__slide swiper">
        <div class="swiper-wrapper">
            <div class="allcontaints__item swiper-slide">
                <a class="allcontaints__link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang) !!}">
                    <div class="seasons__img roll-left">
                        <img src="{!! setImagePreview(fieldPropertyValue('top_transition_image', $basic)) !!}" alt="" />
                    </div>
                    <div class="seasons__layer">
                        <div class="seasons__box">
                            <div class="seasons__title">
                                {!! setTextDefault(textLocale('top_display_text', $basic, $lang)) !!}
                            </div>
                            <div class="seasons__desc">
                                {!! setTextDefault(textLocale('top_transition_introduction', $basic, $lang)) !!}
                            </div>
                            @if ($lang != MultiLangMode::ENGLISH)
                                <div class="seasons__arrow" data-i18n="all_content.see_in_detail"></div>
                            @else
                                <div class="seasons__arrow">{!! setTextDefault(textLocale('top_display_text', $basic, $lang)) !!}</div>
                            @endif
                        </div>
                    </div>
                </a>
            </div>
            @if ($project->show_room == Boolean::TRUE && fieldPropertyValue('room_transition', $basic))
                <div class="allcontaints__item swiper-slide">
                    <a class="allcontaints__link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->room_url) !!}">
                        <div class="seasons__img roll-left">
                            <img src="{!! setImagePreview(fieldPropertyValue('room_transition_image', $basic)) !!}" alt="" />
                        </div>
                        <div class="seasons__layer">
                            <div class="seasons__box">
                                <div class="seasons__title">
                                    {!! setTextDefault(textLocale('room_display_text', $basic, $lang)) !!}
                                </div>
                                <div class="seasons__desc">
                                    {!! setTextDefault(textLocale('room_transition_introduction', $basic, $lang)) !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="seasons__arrow" data-i18n="all_content.see_in_detail"></div>
                                @else
                                    <div class="seasons__arrow">MORE {!! setTextDefault(textLocale('room_display_text', $basic, $lang)) !!}</div>
                                @endif
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if ($project->show_food_list == Boolean::TRUE && fieldPropertyValue('cooking_transition', $basic))
                <div class="allcontaints__item swiper-slide">
                    <a class="allcontaints__link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->food_list_url) !!}">
                        <div class="seasons__img roll-left">
                            <img src="{!! setImagePreview(fieldPropertyValue('cooking_transition_image', $basic)) !!}" alt="" />
                        </div>
                        <div class="seasons__layer">
                            <div class="seasons__box">
                                <div class="seasons__title">
                                    {!! setTextDefault(textLocale('cooking_display_text', $basic, $lang)) !!}
                                </div>
                                <div class="seasons__desc">
                                    {!! setTextDefault(textLocale('cooking_transition_introduction', $basic, $lang)) !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="seasons__arrow" data-i18n="all_content.see_in_detail"></div>
                                @else
                                    <div class="seasons__arrow">MORE {!! setTextDefault(textLocale('cooking_display_text', $basic, $lang)) !!}</div>
                                @endif
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if ($project->show_facility == Boolean::TRUE && fieldPropertyValue('facility_transition', $basic))
                <div class="allcontaints__item swiper-slide">
                    <a class="allcontaints__link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->facility_url) !!}">
                        <div class="seasons__img roll-left">
                            <img src="{!! setImagePreview(fieldPropertyValue('facility_transition_image', $basic)) !!}" alt="" />
                        </div>
                        <div class="seasons__layer">
                            <div class="seasons__box">
                                <div class="seasons__title">
                                    {!! setTextDefault(textLocale('facility_display_text', $basic, $lang)) !!}
                                </div>
                                <div class="seasons__desc">
                                    {!! setTextDefault(textLocale('facility_transition_introduction', $basic, $lang)) !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="seasons__arrow" data-i18n="all_content.see_in_detail"></div>
                                @else
                                    <div class="seasons__arrow">MORE {!! setTextDefault(textLocale('facility_display_text', $basic, $lang)) !!}</div>
                                @endif
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if ($project->show_sightseeing == Boolean::TRUE && fieldPropertyValue('sightseeing_transition', $basic))
                <div class="allcontaints__item swiper-slide">
                    <a class="allcontaints__link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->sightseeing_url) !!}">
                        <div class="seasons__img roll-left">
                            <img src="{!! setImagePreview(fieldPropertyValue('sightseeing_transition_image', $basic)) !!}" alt="" />
                        </div>
                        <div class="seasons__layer">
                            <div class="seasons__box">
                                <div class="seasons__title">
                                    {!! setTextDefault(textLocale('sightseeing_display_text', $basic, $lang)) !!}
                                </div>
                                <div class="seasons__desc">
                                    {!! setTextDefault(textLocale('sightseeing_transition_introduction', $basic, $lang)) !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="seasons__arrow" data-i18n="all_content.see_in_detail"></div>
                                @else
                                    <div class="seasons__arrow">MORE {!! setTextDefault(textLocale('sightseeing_display_text', $basic, $lang)) !!}</div>
                                @endif
                            </div>
                        </div>
                    </a>
                </div>
            @endif
            @if ($project->show_access == Boolean::TRUE && fieldPropertyValue('access_transition', $basic))
                <div class="allcontaints__item swiper-slide">
                    <a class="allcontaints__link" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->access_url) !!}">
                        <div class="seasons__img roll-left">
                            <img src="{!! setImagePreview(fieldPropertyValue('access_transition_image', $basic)) !!}" alt="" />
                        </div>
                        <div class="seasons__layer">
                            <div class="seasons__box">
                                <div class="seasons__title">
                                    {!! setTextDefault(textLocale('access_display_text', $basic, $lang)) !!}
                                </div>
                                <div class="seasons__desc">
                                    {!! setTextDefault(textLocale('access_transition_introduction', $basic, $lang)) !!}
                                </div>
                                @if ($lang != MultiLangMode::ENGLISH)
                                    <div class="seasons__arrow" data-i18n="all_content.see_in_detail"></div>
                                @else
                                    <div class="seasons__arrow">MORE {!! setTextDefault(textLocale('access_display_text', $basic, $lang)) !!}</div>
                                @endif
                            </div>
                        </div>
                    </a>
                </div>
            @endif
        </div>
    </div>
</div>