@php
    $nav = $tab = -1;
    $images = json_decode($data->image ?? '', true);
    $legacy = !is_array($images);
@endphp
<div class="card card-body p-0">
    @if (!empty($config['upload']['image']))
        <ul class="nav nav-tabs nav-bordered">
            @foreach (languages() as $code => $item)
                <li class="nav-item">
                    <a class="nav-link {{ ++$nav == 0 ? 'active' : '' }}" data-bs-toggle="tab" href="#upload_{{ $code }}" aria-expanded="false">
                        {{ $item['name'] ?? strtoupper($code) }}
                    </a>
                </li>
            @endforeach
        </ul>
        <div class="tab-content p-3">
            @foreach (languages() as $code => $item)
                @php
                    $image = $legacy ? ($data->image ?? null) : ($images[$code] ?? null);
                @endphp
                <div class="tab-pane {{ ++$tab == 0 ? 'active' : '' }}" id="upload_{{ $code }}">
                    <x-upload.image id="contact-info-{{ $code }}" name="image_{{ $code }}" type="image" label="{{ __('field.image') }}" image="{{ $image }}" recommend="{{ __('field.image_recommend') }}" size="5" />
                </div>
            @endforeach
        </div>
    @endif
</div>