@extends('layouts.previews.ana')

@php
    use App\Enums\ElementType;
    use App\Enums\TopElementDefault;
    use App\Enums\CustomElementType;
    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">
            @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>

        @include('preview.ana.commons.searchBox')

        @foreach ($elements as $index => $item)
            @if ($index == 2)
                @include('preview.ana.defaults.tops.pickup')
            @endif

            @if ($index == 2 && $project->show_news && $project->noticePage)
                @include('preview.ana.defaults.tops.newsContent')
            @endif

            @if (fieldPropertyValue('status', $item))
                @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(TopElementDefault::CONCEPT)
                            @include('preview.ana.defaults.tops.concept')
                        @break

                        @case(TopElementDefault::EXPERIENCE)
                            @include('preview.ana.defaults.tops.experience')
                        @break

                        @case(TopElementDefault::PLAN)
                            @php
                                $planContent = $item;
                            @endphp
                        @break

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

                        @case(TopElementDefault::INSTAGRAM)
                            @include('preview.ana.defaults.tops.instagram')
                        @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($planContent) && !empty($reserveContent))
            @include('preview.ana.commons.plan')
        @endif
    </div>
@endsection