@extends('layouts.previews.intercontinental')

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

    $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">
            @if (fieldPropertyValue('fv_type', $project->topPage) == FvType::MOVIE)
                <div class="movie-container pc">
                    {!! fieldPropertyValue('movie_tag', $project->topPage) !!}
                </div>
            @else
                <div class="swiper mv-swiper mv-swiper-pc"
                    data-delayed-slide="{{ getDurationFv('delayed_slide', $project->topPage) }}">
                    <div class="swiper-wrapper">
                        @for ($i = 0; $i < count($listImagePc); $i++)
                            <div class="swiper-slide" data-index="{{ $i }}">
                                <div class="slide-inner">
                                    <div class="image-aspect-ratio-banner">
                                        <img src="{!! setImagePreview($listImagePc[$i]) !!}" alt="" loading="lazy">
                                    </div>
                                </div>
                            </div>
                        @endfor
                    </div>
                </div>
            @endif
            @if (fieldPropertyValue('fv_type_sp', $project->topPage) == FvType::MOVIE)
                <div class="movie-container sp">
                    {!! fieldPropertyValue('movie_tag_sp', $project->topPage) !!}
                </div>
            @else
                <div class="swiper mv-swiper mv-swiper-sp"
                    data-delayed-slide="{{ getDurationFv('delayed_slide_sp', $project->topPage) }}">
                    <div class="swiper-wrapper">
                        @for ($i = 0; $i < count($listImageSp); $i++)
                            <div class="swiper-slide" data-index="{{ $i }}">
                                <div class="slide-inner">
                                    <div class="image-aspect-ratio-banner"><img src="{!! setImagePreview($listImageSp[$i]) !!}" alt=""
                                            loading="lazy">
                                    </div>
                                </div>
                            </div>
                        @endfor
                    </div>
                </div>
            @endif
        </div>

        @if ($project->show_news && $project->noticePage)
            @php
                $noticePage = $project->noticePage->noticeElements
                    ->filter(function ($val) {
                        return $val->element_type == ElementType::DEFAULT &&
                            $val->default_element_type == NewsElementDefault::NEW_LIST &&
                            $val->status == Boolean::TRUE;
                    })
                    ->first();
            @endphp
            @if ($noticePage && $notices)
                <div class="post-new">
                    <div class="container">
                                                @foreach ($notices[$lang] as $notice)
                            @if (fieldPropertyValue('type', $notice) == Boolean::TRUE && $isShowNotice)
                                                                <div class="post-new-item">
                                    <div class="title">
                                        <span class="pc">{!! setTextDefault(fieldPropertyValue('title', $notice)) !!}</span>
                                        <span class="sp">{!! setTextDefault(fieldPropertyValue('title_sp', $notice)) !!}</span>
                                    </div>
                                    <a class="btn-detail" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->news_url) .
                                        '/detail?id=' .
                                        fieldPropertyValue('id', $notice) !!}" data-i18n="btn_detail"></a>
                                </div>
                            @endif
                        @endforeach
                    </div>
                </div>
            @endif
        @endif

        @foreach ($elements as $item)
            @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT &&
                    fieldPropertyValue('default_element_type', $item) == TopElementDefault::INSTAGRAM)
                @include('preview.intercontinental.defaults.tops.instagram')
            @endif
            @if (fieldPropertyValue('status', $item))
                @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(TopElementDefault::CONCEPT)
                            @include('preview.intercontinental.defaults.tops.concept')
                        @break

                        @case(TopElementDefault::PLAN)
                            @include('preview.intercontinental.commons.plan')
                        @break

                        @case(TopElementDefault::ROOM)
                            @include('preview.intercontinental.defaults.tops.room')
                        @break

                        @case(TopElementDefault::RESTAURANT)
                            @include('preview.intercontinental.defaults.tops.restaurant')
                        @break

                        @case(TopElementDefault::BANQUET)
                            @include('preview.intercontinental.defaults.tops.banquet')
                        @break
                    @endswitch
                @endif
                @if (fieldPropertyValue('element_type', $item) == ElementType::CUSTOM && fieldPropertyValue('custom_element_type', $item) == CustomElementType::CONTACT)
                    @include('preview.intercontinental.customs.contactContent')
                @endif
            @endif
            @if (fieldPropertyValue('element_type', $item) == ElementType::CUSTOM && (textLocale('status', $item, $lang)))
                @if (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
            @endif
        @endforeach
    </div>
@endsection