@php
    use App\Enums\ElementType;
    use App\Enums\AccessElementDefault;

    $trainOrBus = current(
        array_filter($elements, function ($item) {
            return $item['element_type'] == ElementType::DEFAULT && $item['default_element_type'] == AccessElementDefault::TRAIN_OR_BUS && $item['status'];
        }),
    );
    $car = current(
        array_filter($elements, function ($item) {
            return $item['element_type'] == ElementType::DEFAULT && $item['default_element_type'] == AccessElementDefault::CAR && $item['status'];
        }),
    );
@endphp
<div class="map_vehicle_content">
    <div class="container">
        <div class="map_vehicle_row">
            <div class="map_vehicle_left">
                @if ($trainOrBus)
                    <div class="vehicle_type_EN" {!! setStyle(['color' => $project->point_color]) !!}>TRAIN/BUS</div>
                    <div class="vehicle_type_JP">{!! config('translate.' . $lang . '.access_page.title_train_or_bus') !!}</div>
                    <div class="flex between-justify display-wrap col-sp">
                        @foreach ($trainAccessItems as $val)
                            <div class="map_vehicle_col pc">
                                <div class="time_extimate">
                                    {!! fromAddress('from_address', 'travel_time', $val, $lang) !!}
                                </div>
                                <div class="map_vehicle_detail">
                                    @foreach ($val['access_information_details'] as $index => $data)
                                        <div class="map_vehicle_detail-item">
                                            <div class="destination_txt">
                                                {!! setTextDefault(textLocale('station_name', $data, $lang)) !!}
                                            </div>
                                            <div class="location_txt">
                                                {!! setTextDefault(textLocale('transportation', $data, $lang)) !!}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <div class="map_vehicle_col sp">
                                <div class="time_extimate">
                                    {!! fromAddress('from_address_sp', 'travel_time_sp', $val, $lang) !!}
                                </div>
                                <div class="map_vehicle_detail">
                                    @foreach ($val['access_information_details'] as $index => $data)
                                        <div class="map_vehicle_detail-item">
                                            <div class="destination_txt">
                                                {!! setTextDefault(textLocale('station_name_sp', $data, $lang)) !!}
                                            </div>
                                            <div class="location_txt">
                                                {!! setTextDefault(textLocale('transportation_sp', $data, $lang)) !!}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>

            <div class="map_vehicle_right">
                @if ($car)
                    <div class="vehicle_type_EN" {!! setStyle(['color' => $project->point_color]) !!}>CAR</div>
                    <div class="vehicle_type_JP">{!! config('translate.' . $lang . '.access_page.title_car') !!}</div>
                    <div class="flex between-justify display-wrap col-sp">
                        @foreach ($carAccessItems as $val)
                            <div class="map_vehicle_col pc">
                                <div class="time_extimate">
                                    {!! fromAddress('from_address', 'travel_time', $val, $lang) !!}
                                </div>
                                <div class="map_vehicle_detail">
                                    @foreach ($val['access_information_details'] as $index => $data)
                                        <div class="map_vehicle_detail-item">
                                            <div class="destination_txt">
                                                {!! setTextDefault(textLocale('ic_name', $data, $lang)) !!}
                                            </div>
                                            <div class="location_txt">
                                                {!! setTextDefault(textLocale('transportation', $data, $lang)) !!}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <div class="map_vehicle_col sp">
                                <div class="time_extimate">
                                    {!! fromAddress('from_address_sp', 'travel_time_sp', $val, $lang) !!}
                                </div>
                                <div class="map_vehicle_detail">
                                    @foreach ($val['access_information_details'] as $index => $data)
                                        <div class="map_vehicle_detail-item">
                                            <div class="destination_txt">
                                                {!! setTextDefault(textLocale('ic_name_sp', $data, $lang)) !!}
                                            </div>
                                            <div class="location_txt">
                                                {!! setTextDefault(textLocale('transportation_sp', $data, $lang)) !!}
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>