@extends('layouts.previews.ibisStylesV2')

@php
    use App\Enums\ElementType;
    use App\Enums\TopElementDefault;
    use App\Enums\CustomElementType;
    use App\Enums\NoteType;
    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($listImagePc) == 0) {
        $listImagePc[] = 'https://assets.micado-rayout.jp/img/common/no-image-found-360x250.png';
    }
    if (count($listImageSp) == 0) {
        $listImageSp = $listImagePc;
    }

@endphp

@section('content')
    <div class="top-page">
        <section class="mv-top relative">
            @if (fieldPropertyValue('fv_type', $project->topPage) == FvType::MOVIE)
                <div class="movie-container pc">
                    {!! fieldPropertyValue('movie_tag', $project->topPage) !!}
                </div>
            @else
                <div class="mv-top__slide swiper pc"
                    data-delayed-slide="{{ getDurationFv('delayed_slide', $project->topPage) }}">
                    <div class="swiper-wrapper">
                        @foreach ($listImagePc as $index => $image)
                            <div class="swiper-slide mv-top__item" data-index="{!! $index !!}">
                                <div class="img-thumbnail relative">
                                    <div class="img" style="background-image: url({!! setImagePreview($image) !!})">
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </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="mv-top__slide swiper sp"
                    data-delayed-slide="{{ getDurationFv('delayed_slide_sp', $project->topPage) }}">
                    <div class="swiper-wrapper">
                        @foreach ($listImageSp as $index => $image)
                            <div class="swiper-slide mv-top__item" data-index="{!! $index !!}">
                                <div class="img-thumbnail relative">
                                    <div class="img" style="background-image: url({!! setImagePreview($image) !!})">
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
            <div class="mv-top__block">
                <div class="container block-inner">
                    @if (fieldPropertyValue('note_type', $project->topPage) == NoteType::THERE_IS_TEXT)
                        <h1 class="block-heading pc">{!! setTextDefault(textLocale('note', $project->topPage, $lang)) !!}</h1>
                    @endif
                    @if (fieldPropertyValue('note_type_sp', $project->topPage) == NoteType::THERE_IS_TEXT)
                        <h1 class="block-heading sp">{!! setTextDefault(textLocale('note_sp', $project->topPage, $lang)) !!}</h1>
                    @endif
                    <a class="block-search show-search-form">
                        <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512">
                            <path
                                d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z">
                            </path>
                        </svg>
                        <span>{!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}</span>
                    </a>
                </div>
            </div>
        </section>
        <section class="marquee-text flex relative">
            <div class="marquee-text__inner marquee-text__inner--slide01">
                <svg xmlns="http://www.w3.org/2000/svg" width="567" height="133" viewBox="0 0 567 133">
                    <text id="ibis_Styles" data-name="ibis Styles" transform="translate(0 108)" fill="#fff"
                        font-size="100" font-family="Ibis Styles Condensed, sans-serif" font-weight="700"
                        font-style="italic" letter-spacing="0.1em">
                        <tspan x="0" y="0">ibis Styles</tspan>
                    </text>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="567" height="133" viewBox="0 0 567 133">
                    <text id="ibis_Styles" data-name="ibis Styles" transform="translate(0 108)" fill="#fff"
                        font-size="100" font-family="Ibis Styles Condensed, sans-serif" font-weight="700"
                        font-style="italic" letter-spacing="0.1em">
                        <tspan x="0" y="0">ibis Styles</tspan>
                    </text>
                </svg>
            </div>
            <div class="marquee-text__inner marquee-text__inner--slide02">
                <svg xmlns="http://www.w3.org/2000/svg" width="567" height="133" viewBox="0 0 567 133">
                    <text id="ibis_Styles" data-name="ibis Styles" transform="translate(0 108)" fill="#fff"
                        font-size="100" font-family="Ibis Styles Condensed, sans-serif" font-weight="700"
                        font-style="italic" letter-spacing="0.1em">
                        <tspan x="0" y="0">ibis Styles</tspan>
                    </text>
                </svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="567" height="133" viewBox="0 0 567 133">
                    <text id="ibis_Styles" data-name="ibis Styles" transform="translate(0 108)" fill="#fff"
                        font-size="100" font-family="Ibis Styles Condensed, sans-serif" font-weight="700"
                        font-style="italic" letter-spacing="0.1em">
                        <tspan x="0" y="0">ibis Styles</tspan>
                    </text>
                </svg>
            </div>
        </section>
        @foreach ($elements as $index => $item)
            @if (fieldPropertyValue('default_element_type', $item) == TopElementDefault::INSTAGRAM)
                @include('preview.ibisStylesV2.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.ibisStylesV2.defaults.tops.concept')
                        @break

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

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

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

                        @case(TopElementDefault::ACTIVITY)
                            @include('preview.ibisStylesV2.defaults.tops.activity')
                        @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="add-custom-content">
                    <div class="container">
                        @include('preview.customs.customContent')
                    </div>
                </div>
            @endif
        @endforeach
        @include('preview.ibisStylesV2.commons.allContaint')
        @include('preview.ibisStylesV2.commons.reserve')
    </div>
@endsection