{{-- Componente compartido: Iconos de Redes Sociales
     Props:
       $theme (string) — 'dark' o 'light' para estilo de iconos
       $size (string) — 'sm', 'md', 'lg'
       $classes (string) — clases extra para el <ul>
       $iconClasses (string) — clases extra para cada <a>
       $filter (array|null) — si se pasa, solo muestra estas redes. null = todas las activas
--}}
@props([
    'theme' => 'dark',
    'size' => 'md',
    'classes' => '',
    'iconClasses' => '',
    'filter' => null,
])

@php
    $socialMedia = config('site.social_media', []);
    $sizeClass = match($size) {
        'sm' => 'social-icons-sm',
        'lg' => 'social-icons-lg',
        default => 'social-icons-medium',
    };
    $themeClass = $theme === 'light' ? 'social-icons-icon-light' : '';
@endphp

<ul class="social-icons social-icons-clean {{ $sizeClass }} {{ $themeClass }} {{ $classes }}">
    @foreach($socialMedia as $key => $social)
        @if(is_array($social) && ($social['active'] ?? false))
            @if(is_null($filter) || in_array($key, $filter))
                <li class="social-icons-{{ $key }} {{ $iconClasses }}">
                    <a href="{{ $social['url'] }}" target="_blank" rel="noopener noreferrer" title="{{ $social['title'] ?? ucfirst($key) }}">
                        <i class="{{ $social['icon'] ?? get_social_icon($key) }}"></i>
                    </a>
                </li>
            @endif
        @endif
    @endforeach
</ul>