<div class="speaker-card" data-role="cta-block" data-action="click-cta">
    <div class="speaker-card__wrapper">
        <div class="speaker-card__container">
            <div class="speaker-card__image">
                @if ($speaker->image)
                    <picture>
                        <source type="image/webp" srcset="{{ getMediaUrl($speaker->image->filename, '640x828') }}.webp">
                        <img src="{{ getMediaUrl($speaker->image->filename, '640x828') }}" alt="{{ htmlentities($speaker->title) }}">
                    </picture>
                @endif
            </div>
            <div class="speaker-card__info">
                @if($speaker->label)
                    <div class="speaker-card__label">
                        {{ $speaker->label }}
                    </div>
                @endif
                <h4 class="speaker-card__name">
                    {{ $speaker->title }}
                </h4>
                <span class="speaker-card__job">
                    {{ $speaker->subtitle }}
                </span>
            </div>
            <div class="speaker-card__actions">
                <div>
                    @if($speaker->bio)
                        <a href="#" data-action="open-detail" data-member="{{ $speaker->id }}" class="link-left-arrow link-animation-arrow speaker-card__cta">@lang('frontend.see_bio')</a>
                    @endif
                </div>
                <div class="speaker-card__social-container">
                    @if($speaker->linkedin_url)
                        <a href="{{ $speaker->linkedin_url }}" target="_blank" class="speaker-card__share-icon">
                            @include('frontend.svg.linkedin')
                        </a>
                    @endif
                    @if($speaker->facebook_url)
                        <a href="{{ $speaker->facebook_url }}" target="_blank" class="speaker-card__share-icon">
                            @include('frontend.svg.facebook')
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
