{{-- Follow Us — ข้อมูลจาก $data['social']['list'] (Content production) --}}
@php
    $followUsIcon = static function (int $id, ?string $name): string {
        $byId = match ($id) {
            80 => 'ph ph-facebook-logo',
            81 => 'ph ph-tiktok-logo',
            82 => 'ph ph-instagram-logo',
            83 => 'ph ph-globe-simple',
            default => null,
        };
        if ($byId !== null) {
            return $byId;
        }

        $n = strtolower(trim((string) $name));
        if (str_contains($n, 'facebook')) {
            return 'ph ph-facebook-logo';
        }
        if (str_contains($n, 'tiktok')) {
            return 'ph ph-tiktok-logo';
        }
        if (str_contains($n, 'instagram')) {
            return 'ph ph-instagram-logo';
        }
        if (str_contains($n, 'youtube')) {
            return 'ph ph-youtube-logo';
        }
        if (str_contains($n, 'twitter') || $n === 'x') {
            return 'ph ph-x-logo';
        }
        if (str_contains($n, 'line')) {
            return 'ph ph-line-logo';
        }
        if (str_contains($n, 'website') || str_contains($n, 'web') || str_contains($n, 'globe')) {
            return 'ph ph-globe-simple';
        }

        return 'ph ph-link-simple';
    };
@endphp

@if (!empty($data['social']['list'][0]))
    <div class="mb-10 lg:mb-14">
        <div class="max-w-5xl mx-auto">
            <div class="flex flex-col sm:flex-row sm:flex-wrap items-stretch sm:items-center justify-start sm:justify-center gap-3 sm:gap-6 px-4 sm:px-10 py-4
                   rounded-3xl bg-gradient-to-r from-white/5 via-white/10 to-white/5
                   border border-white/10 shadow-[0_24px_60px_rgba(0,0,0,0.9)]">
                @foreach ($data['social']['list'] as $item)
                    @continue(empty($item['link'] ?? null) || (int) ($item['status'] ?? 0) !== 1)
                    <a class="flex items-center gap-2 sm:gap-3 text-[9px] sm:text-[10px] md:text-xs font-medium tracking-[0.2em] sm:tracking-[0.25em] uppercase text-gray-100 hover:text-white transition-colors flex-shrink-0" href="{{ $item['link'] }}" target="_blank" rel="noopener">
                        <div class="w-8 h-8 sm:w-9 sm:h-9 rounded-full bg-black/70 border border-white/15 flex items-center justify-center hover:border-le-primary/60 transition-colors flex-shrink-0">
                            <i class="{{ $followUsIcon((int) ($item['id'] ?? 0), $item['name'] ?? '') }} text-base sm:text-lg" aria-hidden="true"></i>
                        </div>
                        <span class="whitespace-nowrap">
                            <span class="hidden sm:inline">:</span> {{ $item['name'] ?? '' }}
                        </span>
                    </a>
                @endforeach
            </div>
        </div>
    </div>
@endif