@extends('layouts.previews.mercure')

@php
    use App\Enums\ElementType;
    use App\Enums\AccessElementDefault;
    use App\Enums\CustomElementType;
    $trainOrBus = current(
        array_filter($elements, function ($item) {
            return fieldPropertyValue('element_type', $item) == ElementType::DEFAULT &&
                fieldPropertyValue('default_element_type', $item) == AccessElementDefault::TRAIN_OR_BUS &&
                fieldPropertyValue('status', $item);
        }),
    );
    $car = current(
        array_filter($elements, function ($item) {
            return fieldPropertyValue('element_type', $item) == ElementType::DEFAULT &&
                fieldPropertyValue('default_element_type', $item) == AccessElementDefault::CAR &&
                fieldPropertyValue('status', $item);
        }),
    );
@endphp

@section('content')
    <div class="page-access">
        <div class="banner-block flex center-align relative">
            <div class="banner-txt">
                <div class="banner-txt__number">
                    {{ indexPage($mode) }}
                </div>
                <h1 class="banner-txt__title">
                    {!! setTextDefault(
                        textLocale('access_display_text', $basic, $lang),
                        config('translate.' . $lang . '.basic.access_display_text'),
                    ) !!}
                </h1>
                <p class="banner-txt__subtitle">
                    {!! setTextDefault(textLocale('access_transition_title', $basic, $lang), 'ACCESS') !!}
                </p>
                <p class="banner-txt__description">
                    {!! setTextDefault(textLocale('access_transition_introduction', $basic, $lang)) !!}
                </p>
            </div>
            <div class="banner-breackcrumb">
                @foreach ($elements as $item)
                    @if (fieldPropertyValue('default_element_type', $item) == AccessElementDefault::TRAIN_OR_BUS && $trainOrBus)
                        <div class="next-icon__previous">
                            <a class="banner-breackcrumb__item topic_link" href="#{!! AccessElementDefault::TRAIN_OR_BUS !!}">
                                TRAIN/BUS
                            </a>
                            <div class="next-icon next-icon__banner"></div>
                        </div>
                    @endif
                    @if (fieldPropertyValue('default_element_type', $item) == AccessElementDefault::CAR && $car)
                        <div class="next-icon__previous">
                            <a class="banner-breackcrumb__item topic_link" href="#{!! AccessElementDefault::CAR !!}">
                                CAR
                            </a>
                            <div class="next-icon next-icon__banner"></div>
                        </div>
                    @endif
                @endforeach
            </div>
            <div class="text-scroll pc">SCROLL</div>
            <div class="img-wrap">
                <img src="{!! setImagePreview(fieldPropertyValue('access_transition_image', $basic)) !!}" />
            </div>
            <div class="couple-button__sp sp">
                <div class="couple-button-header flex">
                    @if (!empty(fieldPropertyValue('cv_text2', $basic)))
                        <a class="couple-button__item vacancy-reservation-btn flex center-align center-justify button-cv"
                            target="_blank" href="{!! textLocale('cv_url2', $basic, $lang) ?? '#' !!}">
                            {!! setTextDefault(textLocale('cv_text2', $basic, $lang)) !!}
                        </a>
                    @endif
                    <div class="couple-button__item show-modal-search plan-list-btn flex center-align center-justify"
                        id="show-modal-search">
                        {!! setTextDefault(textLocale('cv_text1', $basic, $lang)) !!}
                    </div>
                    <div class="couple-button__item show-modal-search plan-list-btn flex center-align center-justify hide"
                        id="hide-modal-search" data-i18n="search_modal.btn_close_up"></div>
                </div>
            </div>
            <div class="overlay"></div>
        </div>
        <div class="address-sp sp">
            @if (!empty(fieldPropertyValue('postal_code', $basic)))
                <span data-i18n="postal_code"></span>
            @endif{!! setPostalCode(fieldPropertyValue('postal_code', $basic) ?? null, $lang) !!}
            <br>
            {!! setTextDefault(address('prefecture', 'city', 'address', $basic, $lang)) !!}
        </div>
        <div class="access-map">
            <div class="container">
                <div class="access-map__inner">
                    <iframe src="{!! urlMap(
                        setPostalCode(fieldPropertyValue('postal_code', $basic) ?? null, $lang) .
                            (fieldPropertyValue('prefecture', $basic) ?? '') .
                            (fieldPropertyValue('city', $basic) ?? '') .
                            (fieldPropertyValue('address', $basic) ?? ''),
                        [
                            'lat' => fieldPropertyValue('lat', $basic),
                            'lng' => fieldPropertyValue('lng', $basic),
                        ],
                        $lang,
                    ) !!}" width="600" height="450" style="border:0;"
                        allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
        @foreach ($elements as $item)
            @if (fieldPropertyValue('element_type', $item) == ElementType::DEFAULT)
                @if (fieldPropertyValue('default_element_type', $item) == AccessElementDefault::TRAIN_OR_BUS)
                    @include('preview.mercure.defaults.access.trainOrBus')
                @endif
                @if (fieldPropertyValue('status', $item))
                    @switch(fieldPropertyValue('default_element_type', $item))
                        @case(AccessElementDefault::PLAN)
                            @include('preview.mercure.commons.plan')
                        @break

                        @case(AccessElementDefault::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

        @include('preview.mercure.commons.allContaintPC')
        @include('preview.mercure.commons.allContaintSP')
        @if (!empty($reserve))
            @include('preview.mercure.commons.reserve')
        @endif
    </div>
@endsection