@php
    $platformIcons = [
        'youtube' => 'fa-brands fa-youtube',
        'instagram' => 'fa-brands fa-instagram',
        'facebook' => 'fa-brands fa-facebook',
        'tiktok' => 'fa-brands fa-tiktok',
    ];
@endphp

@foreach($videos as $video)
    @php
        $icon = $platformIcons[$video['platform']] ?? 'fa-solid fa-play';
        $label = $video['label'] ?? ucfirst($video['platform']);
    @endphp
    <div class="msg-media-bubble msg-media-social msg-social-video"
         data-platform="{{ $video['platform'] }}"
         data-external="{{ $video['external_url'] }}"
         @if(!empty($video['can_embed']) && !empty($video['embed_url'])) data-embed="{{ $video['embed_url'] }}" @endif>
        <div class="msg-media-inner msg-media-inner--video msg-media-inner--social">
            @if(!empty($video['thumbnail_url']))
                <img src="{{ $video['thumbnail_url'] }}" alt="" class="msg-social-video-thumb" loading="lazy">
            @else
                <div class="msg-social-video-thumb msg-social-video-thumb--placeholder">
                    <i class="{{ $icon }}"></i>
                </div>
            @endif
            <button type="button" class="msg-video-play" aria-label="Play {{ $label }} video">
                <i class="fa-solid fa-play"></i>
            </button>
            <span class="msg-social-video-badge"><i class="{{ $icon }}"></i> {{ $label }}</span>
            <div class="msg-social-embed hidden" aria-hidden="true"></div>
        </div>
        <a href="{{ $video['external_url'] }}" class="msg-social-video-open" target="_blank" rel="noopener noreferrer">
            <i class="fa-solid fa-arrow-up-right-from-square"></i> Open in {{ $label }}
        </a>
    </div>
@endforeach