@php
    $socialConfig = $config['form']['navbar']['social'];
@endphp
<div class="card card-body">
    @if (!empty($socialConfig['multiple']) && !empty($socialConfig['input']))
        {{-- Per-platform repeater with name + url --}}
        @foreach ($socialConfig['input'] as $k_s => $s)
            @if (empty($s['status']))
                @continue
            @endif
            @php
                $label = __("field.{$k_s}");
                $values = $data->social[$k_s] ?? [];
                if (is_string($values)) $values = json_decode($values, true) ?? [];
                if (empty($values)) $values = [['name' => '', 'url' => '']];
            @endphp
            <div class="mb-3 repeater-group" data-field="social_{{ $k_s }}">
                <div class="d-flex align-items-center justify-content-between mb-2">
                    <label class="form-label mb-0">{{ $label }}</label>
                    <button type="button" class="btn btn-sm btn-outline-success btn-add-social-row" data-field="social_{{ $k_s }}">
                        <i class="fe-plus"></i> {{ __('field.add') }}
                    </button>
                </div>
                <div class="repeater-items" id="repeater-social_{{ $k_s }}">
                    @foreach ($values as $idx => $item)
                        <div class="row mb-2 repeater-row align-items-center">
                            <div class="col">
                                <input class="form-control" name="social[{{ $k_s }}][{{ $idx }}][name]" type="text" value="{{ $item['name'] ?? '' }}" placeholder="{{ __('field.name') }}" maxlength="{{ $s['max'] ?? 255 }}">
                            </div>
                            <div class="col">
                                <input class="form-control" name="social[{{ $k_s }}][{{ $idx }}][url]" type="text" value="{{ $item['url'] ?? '' }}" placeholder="URL (https://...)" maxlength="{{ $s['max'] ?? 255 }}">
                            </div>
                            <div class="col-auto">
                                <button type="button" class="btn btn-outline-danger btn-sm btn-remove-row" {{ count($values) <= 1 ? 'style=display:none' : '' }}>
                                    <i class="fe-trash-2"></i>
                                </button>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    @else
        {{-- Legacy fixed-platform pattern --}}
        @php
            $social = $socialConfig['input'] ?? [];
        @endphp
        <div class="row">
            @foreach ($social as $key => $item)
                @if (!empty($item['status']))
                    <div class="col-lg-6">
                        @php
                            $param = $data->social[$key] ?? null;
                        @endphp
                        <x-form.socials name="{{ $key }}" label='{{ __("field.{$key}") }}' :param=$param :config="$item" />
                    </div>
                @endif
            @endforeach
        </div>
    @endif
</div>