@php
    $existingSocialNetworksData = [];
    if (isset($data)) {
        if (is_array($data)) {
            $existingSocialNetworksData = $data;
        } elseif (is_object($data)) {
            if (isset($data->value)) {
                if (is_string($data->value)) {
                    $decoded = json_decode($data->value, true);
                    if (is_array($decoded)) {
                        $existingSocialNetworksData = $decoded;
                    }
                } elseif (is_array($data->value)) {
                    $existingSocialNetworksData = $data->value;
                }
            } elseif (isset($data->social_networks) && is_array($data->social_networks)) {
                $existingSocialNetworksData = $data->social_networks;
            }
        }
    }

    $templateSocialNetworks = config('socials.social_networks');

    $socialNetworks = array_map(function ($templateNetwork) use ($existingSocialNetworksData) {
        $existingNetwork = collect($existingSocialNetworksData)->firstWhere('name', $templateNetwork['name']);
        $url = $existingNetwork['url'] ?? '';
        return array_merge($templateNetwork, ['url' => $url]);
    }, $templateSocialNetworks);
@endphp

@include('layouts.components.section-marker', ['section_name' => 'Redes Sociais'])

<div class="card py-4 px-4">
    <div class="row">
        @foreach ($socialNetworks as $index => $item)
            <div class="input-group mb-3">
                <div class="col-12 mb-2">
                    <label for="social_networks[{{ $index }}][url]">
                        <p><i class="{{ $item['icon'] }}"></i> <strong>{{ $item['name'] }}</strong></p>
                    </label>
                    <input type="hidden" name="social_networks[{{ $index }}][name]" value="{{ $item['name'] }}">
                    <input type="text" name="social_networks[{{ $index }}][url]"
                        id="social_networks[{{ $index }}][url]" class="form-control"
                        value="{{ old("social_networks.$index.url", $item['url'] ?? '') }}"
                        placeholder="https://www.exemplo.com">
                </div>
            </div>
        @endforeach
    </div>
</div>