@php
    $rawImage = $data->image ?? null;
    $decoded = json_decode($rawImage ?? '', true);
    $images = is_array($decoded) ? $decoded : [];
    if (!is_array($decoded) && !empty($rawImage)) {
        foreach (array_keys(languages()) as $code) {
            $images[$code] = $rawImage;
        }
    }
    $nav = $tab = -1;
@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_image_{{ $code }}" aria-expanded="false">
                        {{ $item['name'] ?? $code }}
                        <i class="{{ $item['flag'] ?? "flag flag-{$code}" }}"></i>
                    </a>
                </li>
            @endforeach
        </ul>
        <div class="tab-content p-3">
            @foreach (languages() as $code => $item)
                <div class="tab-pane {{ ++$tab == 0 ? 'active' : '' }}" id="upload_image_{{ $code }}">
                    <x-upload.image id="image_{{ $code }}" name="image_{{ $code }}" type="image" label="{{ __('field.image') }}"
                        image="{{ $images[$code] ?? null }}" recommend="{{ __('field.image_recommend') }}" />
                </div>
            @endforeach
        </div>
    @endif
</div>