@php
    $cfg_page_items = config("member.{$sp_type_page}_item");
    $list_page_items = $cfg_page_items['form']['navbar']['detail']['input'];
@endphp
@foreach (['before', 'after'] as $dd)
    @php
        $sp_data = json_decode($data->{$dd} ?? '[]', true);
    @endphp
    <div class="card card-body">
        <h3>{{ __('field.' . $dd) }}</h3>
        <hr>
        @php
            $json_page_items = json_decode($sp_data['page_items'] ?? '[]', true);
        @endphp
        @if (count($json_page_items ?? []) > 0)
            <div class="row">
                @foreach ($json_page_items as $k_j => $j)
                    <div class="col-lg-4 col-md-6">
                        @foreach ($list_page_items as $k_d => $d)
                            @if (empty($d['status']))
                                @continue
                            @endif

                            @if (str_contains($k_d, 'row_'))
                                <div class="row">
                                    @foreach ($d as $k_i => $i)
                                        @if (empty($i['status']))
                                            @continue
                                        @endif

                                        <div class="my-1 col-lg">
                                            @if (str_contains($i['type'], 'upload'))
                                                @php
                                                    $read_only = !empty($i['readonly']);
                                                @endphp
                                                <x-upload.image id="{{ $k_i }}" name="{{ $k_i }}" type="{{ explode('_', $i['type'])[1] }}" image="{{ $j[$k_i] ?? null }}" size="{{ $i['size'] }}" label="{{ $i['label'] }}" recommend="{{ $i['recommend'] }}" :hiddenBtnDel=$read_only />
                                            @elseif (in_array($i['type'], ['input', 'texteditor', 'text']))
                                                <div class="mb-2">
                                                    @php
                                                        $read_only = !empty($i['readonly']);
                                                        $label = $i['label'] ?? __('field.' . $k_i);
                                                    @endphp
                                                    <x-form.input name="{{ $k_i }}" type="{{ $i['type'] }}" value="{{ $j[$k_i] ?? null }}" label="{{ $label }}" placeholder="{{ __('field.placeholder.input', ['label' => $label]) }}" :readonly="$read_only" />
                                                </div>
                                            @endif
                                        </div>
                                    @endforeach
                                </div>
                            @elseif (in_array($d['type'], ['input', 'texteditor', 'text']))
                                <div class="mb-2">
                                    @php
                                        $read_only = !empty($d['readonly']);
                                        $label = $d['label'] ?? __('field.' . $k_d);
                                    @endphp
                                    <x-form.input name="{{ $k_d }}" type="{{ $d['type'] }}" value="{{ $j[$k_d] ?? null }}" label="{{ $label }}" placeholder="{{ __('field.placeholder.input', ['label' => $label]) }}" :readonly="$read_only" />
                                </div>
                            @endif
                        @endforeach
                    </div>
                @endforeach
            </div>
        @else
            <p class="text-center">{{ __('noti.no-data') }}</p>
        @endif
    </div>
@endforeach