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

    $accessInfos = array_filter($elements, function ($value) {
        return $value['element_type'] == ElementType::DEFAULT &&
            $value['default_element_type'] == AccessElementDefault::ACCESS_INFO &&
            $value['status'];
    });

@endphp

<div class="container">
    <div class="contact-access">
        <div class="group-button" data-aos="fade-up">
            @foreach ($accessInfos as $accessInfo)
                <button class="btn-outline" data-tab="type-{{ fieldPropertyValue('type', $accessInfo) }}"
                    data-i18n="access_page.sub_menu.{{ fieldPropertyValue('type', $accessInfo) }}"></button>
            @endforeach
        </div>
        <div class="group-content" data-aos="fade-up">
            @foreach ($accessInfos as $accessInfo)
                <div class="tab-content ck-content" data-tab="type-{{ fieldPropertyValue('type', $accessInfo) }}" style="display: none;">
                    <div class="info">
                        <div class="info__location">
                            <span class="pc">{!! textLocale('description', $accessInfo, $lang) !!}</span>
                            <span class="sp">{!! textLocale('description_sp', $accessInfo, $lang) !!}</span>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>

@push('styles')
    <link rel="stylesheet" href="https://assets.micado-rayout.jp/css/content-style.css">
@endpush