@extends('layouts.previews.ibisBudget')

@php
    use App\Enums\ElementType;
    use App\Enums\TopElementDefault;
    use App\Enums\CustomElementType;
    use App\Enums\NoteType;
    use App\Enums\Status;
    use App\Enums\NewsElementDefault;
    use App\Enums\Boolean;
    use App\Enums\MultiLangMode;
    use App\Enums\FvType;

    $listImagePc = [];
    $listImageSp = [];
    for ($i = 1; $i <= 3; $i++) {
        if (!empty($project->topPage['slide_image_pc' . $i])) {
            $listImagePc[] = $project->topPage['slide_image_pc' . $i];
        }
        if (!empty($project->topPage['slide_image_sp' . $i])) {
            $listImageSp[] = $project->topPage['slide_image_sp' . $i];
        }
    }
    if (count($listImageSp) == 0) {
        $listImageSp = $listImagePc;
    }
@endphp

@section('content')
    <div class="top-page">
        <div class="mv-top flex between-justify">
            <div class="mv-top__txt">
                <div class="logo-mv">
                    <a href="{{ setUrl($project->id, $domainPublish ?? false, $lang) }}">
                        <img src="{{ setImagePreview(fieldPropertyValue('logo', $basic)) }}" alt="">
                    </a>
                </div>
                @if (fieldPropertyValue('note_type', $project->topPage) == NoteType::THERE_IS_TEXT)
                    <div class="txt-EN pc">
                        {!! setTextDefault(textLocale('note', $project->topPage, $lang)) !!}
                    </div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="txt-JP pc">{!! setTextDefault($project->topPage->note_heading) !!}</div>
                    @endif
                @endif
                @if (fieldPropertyValue('note_type_sp', $project->topPage) == NoteType::THERE_IS_TEXT)
                    <div class="txt-EN sp">
                        {!! setTextDefault(textLocale('note_sp', $project->topPage, $lang)) !!}
                    </div>
                    @if ($lang != MultiLangMode::ENGLISH)
                        <div class="txt-JP sp">{!! setTextDefault($project->topPage->note_heading_sp) !!}</div>
                    @endif
                @endif
            </div>
            @if (fieldPropertyValue('fv_type', $project->topPage) == FvType::MOVIE)
                <div class="movie-container pc">
                    {!! fieldPropertyValue('movie_tag', $project->topPage) !!}
                </div>
            @elseif (count($listImagePc) <= 1)
                <div class="slide-container relative pc">
                    <img src="{!! setImageRootBannerTop($listImagePc) !!}" alt="">
                </div>
            @else
                <div class="slide-container relative pc">
                    <div class="swiper mv-swiper mv-swiper-pc"
                        data-delayed-slide="{{ getDurationFv('delayed_slide', $project->topPage) }}">
                        <div class="swiper-wrapper" style="background-image: url({!! setImagePreview($listImagePc[count($listImagePc) - 1]) !!})">
                            @for ($i = 0; $i < count($listImagePc); $i++)
                                <div class="swiper-slide">
                                    <div class="slide-inner"><img src="{!! setImagePreview($listImagePc[$i]) !!}" alt="">
                                    </div>
                                </div>
                            @endfor
                        </div>
                        <div class="swiper-pagination swiper-pagination-pc flex"></div>
                    </div>
                    <div class="swiper-wrapper-thumbnail flex">
                        <div class="swiper mv-swiper-thumbnail mv-swiper-thumbnail-1-pc">
                            @php
                                $imageFirstPc = array_shift($listImagePc);
                                $listImagePc[] = $imageFirstPc;
                            @endphp
                            <div class="swiper-wrapper" style="background-image: url({!! setImagePreview($listImagePc[count($listImagePc) - 1]) !!})">
                                @for ($i = 0; $i < count($listImagePc); $i++)
                                    <div class="swiper-slide">
                                        <div class="slide-inner">
                                            <img src="{!! setImagePreview($listImagePc[$i]) !!}" alt="">
                                        </div>
                                    </div>
                                @endfor
                            </div>
                        </div>
                        @if (count($listImagePc) >= 3)
                            <div class="swiper mv-swiper-thumbnail mv-swiper-thumbnail-2-pc">
                                @php
                                    $imageFirstPc = array_shift($listImagePc);
                                    $listImagePc[] = $imageFirstPc;
                                @endphp
                                <div class="swiper-wrapper" style="background-image: url({!! setImagePreview($listImagePc[count($listImagePc) - 1]) !!})">
                                    @for ($i = 0; $i < count($listImagePc); $i++)
                                        <div class="swiper-slide">
                                            <div class="slide-inner">
                                                <img src="{!! setImagePreview($listImagePc[$i]) !!}" alt="">
                                            </div>
                                        </div>
                                    @endfor
                                </div>
                            </div>
                        @endif
                        <div class="swiper-mv-next pc"></div>
                        @if (count($listImagePc) >= 3)
                            <div class="swiper-doubble-click pc"></div>
                        @endif
                    </div>
                </div>
            @endif

            @if (fieldPropertyValue('fv_type_sp', $project->topPage) == FvType::MOVIE)
                <div class="movie-container sp">
                    {!! fieldPropertyValue('movie_tag_sp', $project->topPage) !!}
                </div>
            @elseif (count($listImageSp) <= 1)
                <div class="slide-container relative sp">
                    <img src="{!! setImageRootBannerTop($listImageSp) !!}" alt="">
                </div>
            @else
                <div class="slide-container relative sp">
                    <div class="swiper mv-swiper mv-swiper-sp"
                        data-delayed-slide="{{ getDurationFv('delayed_slide_sp', $project->topPage) }}">
                        <div class="swiper-wrapper" style="background-image: url({!! setImagePreview($listImageSp[count($listImageSp) - 1]) !!})">
                            @for ($i = 0; $i < count($listImageSp); $i++)
                                <div class="swiper-slide">
                                    <div class="slide-inner">
                                        <img src="{!! setImagePreview($listImageSp[$i]) !!}" alt="">
                                    </div>
                                </div>
                            @endfor
                        </div>
                        <div class="swiper-pagination swiper-pagination--sp flex"></div>
                    </div>
                    <div class="swiper-wrapper-thumbnail flex">
                        <div class="swiper mv-swiper-thumbnail mv-swiper-thumbnail-1-sp">
                            @php
                                $imageFirstSp = array_shift($listImageSp);
                                $listImageSp[] = $imageFirstSp;
                            @endphp
                            <div class="swiper-wrapper" style="background-image: url({!! setImagePreview($listImageSp[count($listImageSp) - 1]) !!})">
                                @for ($i = 0; $i < count($listImageSp); $i++)
                                    <div class="swiper-slide">
                                        <div class="slide-inner">
                                            <img src="{!! setImagePreview($listImageSp[$i]) !!}" alt="">
                                        </div>
                                    </div>
                                @endfor
                            </div>
                        </div>
                        @if (count($listImageSp) >= 3)
                            <div class="swiper mv-swiper-thumbnail mv-swiper-thumbnail-2-sp">
                                @php
                                    $imageFirstSp = array_shift($listImageSp);
                                    $listImageSp[] = $imageFirstSp;
                                @endphp
                                <div class="swiper-wrapper" style="background-image: url({!! setImagePreview($listImageSp[count($listImageSp) - 1]) !!})">
                                    @for ($i = 0; $i < count($listImageSp); $i++)
                                        <div class="swiper-slide">
                                            <div class="slide-inner">
                                                <img src="{!! setImagePreview($listImageSp[$i]) !!}" alt="">
                                            </div>
                                        </div>
                                    @endfor
                                </div>
                            </div>
                        @endif
                        <div class="swiper-mv-next sp"></div>
                        @if (count($listImageSp) >= 3)
                            <div class="swiper-doubble-click sp"></div>
                        @endif
                    </div>
                </div>
            @endif
        </div>
        @foreach ($elements as $index => $item)
            @if (
                !fieldPropertyValue('status', $item) &&
                    fieldPropertyValue('element_type', $item) == ElementType::DEFAULT &&
                    fieldPropertyValue('default_element_type', $item) == TopElementDefault::INSTAGRAM)
                @include('preview.ibisBudget.defaults.tops.instagram')
            @endif
            @if (fieldPropertyValue('status', $item))
                @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(TopElementDefault::PICKUP)
                            @include('preview.ibisBudget.defaults.tops.pickup')
                        @break

                        @case(TopElementDefault::CONCEPT)
                            @include('preview.ibisBudget.defaults.tops.concept')
                        @break

                        @case(TopElementDefault::CHILD_PAGE_TRANSITION)
                            @include('preview.ibisBudget.defaults.tops.childPageTransition')
                        @break

                        {{-- @case(TopElementDefault::ROOM)
                            @include('preview.ibisBudget.defaults.tops.room')
                        @break --}}
                        @case(TopElementDefault::PLAN)
                            @include('preview.ibisBudget.commons.plan')
                        @break

                        {{-- @case(TopElementDefault::RESTAURANT)
                            @include('preview.ibisBudget.defaults.tops.restaurant')
                        @break --}}

                        {{-- @case(TopElementDefault::OTHER_FACILITY)
                            @include('preview.ibisBudget.defaults.tops.facility')
                        @break --}}
                        @case(TopElementDefault::FOUR_SEASONS)
                            @include('preview.ibisBudget.defaults.tops.fourSeason')
                        @break

                        @case(TopElementDefault::INSTAGRAM)
                            @include('preview.ibisBudget.defaults.tops.instagram')
                        @break

                        @case(TopElementDefault::CV_NEXT)
                            @php
                                $reserve = $item;
                            @endphp
                        @break
                    @endswitch
                @endif
            @endif

            @if (textLocale('status', $item, $lang) &&
                    fieldPropertyValue('custom_element_type', $item) >= CustomElementType::ONE_COLUMN &&
                    fieldPropertyValue('custom_element_type', $item) <= CustomElementType::SIDE_CONTENT_V2)
                <div class="container">
                    @include('preview.customs.customContent')
                </div>
            @endif
        @endforeach
        @if (!empty($reserve))
            @include('preview.ibisBudget.commons.reserve')
        @endif
    </div>
@endsection