@extends('layouts.previews.hankyu')

@php
    use App\Enums\ElementType;
    use App\Enums\TopElementDefault;
    use App\Enums\CustomElementType;
    use App\Enums\MultiLangMode;
    use App\Enums\FvType;
    use App\Enums\NoteType;
    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">
        <section class="mv-top">
            <div class="banner-img">
                <div class="overlay"></div>
                @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="">
                                        </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="">
                                        </div>
                                    </div>
                                </div>
                            @endfor
                        </div>
                    </div>
                @endif
                <div class="banner-description">
                    @if (fieldPropertyValue('note_type', $project->topPage) == NoteType::THERE_IS_TEXT)
                        <h2 class="desc-intro pc">{!! setTextDefault(textLocale('note', $project->topPage, $lang)) !!}</h2>
                    @endif
                    @if (fieldPropertyValue('note_type_sp', $project->topPage) == NoteType::THERE_IS_TEXT)
                        <h2 class="desc-intro sp">{!! setTextDefault(textLocale('note_sp', $project->topPage, $lang)) !!}</h2>
                    @endif
                    @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 (!empty($noticePage) && $notices)
                                                        @foreach ($notices[$lang] as $notice)
                                @if (fieldPropertyValue('type', $notice) == Boolean::TRUE && $isShowNotice)
                                                                        <a class="desc-infomation" href="{!! setUrl($project->id, $domainPublish ?? false, $lang, $project->news_url) . '/detail?id=' . fieldPropertyValue('id', $notice) !!}">
                                        <span class="infomation">
                                            <svg id="info-circle-filled_3_" data-name="info-circle-filled (3)"
                                                xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                                viewbox="0 0 20 20">
                                                <path id="Path_8524" data-name="Path 8524" d="M0,0H20V20H0Z" fill="none">
                                                </path>
                                                <path id="Path_8525" data-name="Path 8525"
                                                    d="M10.333,2a8.333,8.333,0,0,1,8.333,8.333A8.333,8.333,0,1,1,2,10.6l0-.27L2,10.1A8.333,8.333,0,0,1,10.333,2Zm0,7.5H9.5l-.1.006a.833.833,0,0,0,0,1.655l.1.006v2.5l.006.1a.833.833,0,0,0,.73.73l.1.006h.833l.1-.006a.833.833,0,0,0,.73-.73l.006-.1-.006-.1a.833.833,0,0,0-.637-.714l-.093-.017-.1,0v-2.5l-.006-.1a.833.833,0,0,0-.73-.73ZM10.342,7l-.106.006a.833.833,0,0,0,0,1.655l.1.006.106-.006a.833.833,0,0,0,0-1.655Z"
                                                    transform="translate(-0.333 -0.333)" fill="#fff" stroke="#000"
                                                    stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
                                            </svg>Information</span>
                                        <div class="desc-infomation__text">
                                            <span class="infomation-text__date">
                                                <svg id="info-circle-filled_3_" data-name="info-circle-filled (3)"
                                                    xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                                    viewbox="0 0 20 20">
                                                    <path id="Path_8524" data-name="Path 8524" d="M0,0H20V20H0Z"
                                                        fill="none">
                                                    </path>
                                                    <path id="Path_8525" data-name="Path 8525"
                                                        d="M10.333,2a8.333,8.333,0,0,1,8.333,8.333A8.333,8.333,0,1,1,2,10.6l0-.27L2,10.1A8.333,8.333,0,0,1,10.333,2Zm0,7.5H9.5l-.1.006a.833.833,0,0,0,0,1.655l.1.006v2.5l.006.1a.833.833,0,0,0,.73.73l.1.006h.833l.1-.006a.833.833,0,0,0,.73-.73l.006-.1-.006-.1a.833.833,0,0,0-.637-.714l-.093-.017-.1,0v-2.5l-.006-.1a.833.833,0,0,0-.73-.73ZM10.342,7l-.106.006a.833.833,0,0,0,0,1.655l.1.006.106-.006a.833.833,0,0,0,0-1.655Z"
                                                        transform="translate(-0.333 -0.333)" fill="#fff" stroke="#000"
                                                        stroke-linecap="round" stroke-linejoin="round" stroke-width="0">
                                                    </path>
                                                </svg>{!! setTextDefault(fieldPropertyValue('date', $notice)) !!}</span>
                                            <span class="infomation-text__content">
                                                <span class="pc">{!! setTextDefault(fieldPropertyValue('title', $notice)) !!}</span>
                                                <span class="sp">{!! setTextDefault(fieldPropertyValue('title_sp', $notice)) !!}</span>
                                            </span>
                                        </div>
                                    </a>
                                @endif
                            @endforeach
                        @endif
                    @endif
                </div>
            </div>
        </section>
        @include('preview.hankyu.commons.boxSearch')
        @foreach ($elements as $index => $item)
            @if (fieldPropertyValue('status', $item))
                @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(TopElementDefault::PICKUP)
                            @include('preview.hankyu.defaults.tops.pickup')
                        @break

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

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

                        @case(TopElementDefault::OTHER_FACILITY)
                            @include('preview.hankyu.defaults.tops.facility')
                        @break

                        @case(TopElementDefault::BANQUET)
                            @include('preview.hankyu.defaults.tops.banquet')
                        @break

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

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

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

                        @case(TopElementDefault::INSTAGRAM)
                            @include('preview.hankyu.defaults.tops.instagram')
                        @break
                    @endswitch
                @endif
                @if (fieldPropertyValue('element_type', $item) == ElementType::CUSTOM && fieldPropertyValue('custom_element_type', $item) == CustomElementType::CONTACT)
                    @include('preview.hankyu.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)
                    @include('preview.customs.customContent')
                @endif
            @endif
        @endforeach
        @include('preview.hankyu.defaults.tops.newsContent')
        @include('preview.hankyu.commons.allContaint')
        @if (!empty($reserve))
            @include('preview.hankyu.commons.reserve')
        @endif
    </div>
@endsection