@if(!empty($composedTeamMembers) && count($composedTeamMembers) > 0)
    <div class="o-team">
        <h2 class="c-heading">{{__('about.heading')}}</h2>
        <div class="o-team__matrix">
            @foreach($composedTeamMembers as $teamMember)
                <div class="o-team__item">
                    <div class="c-card" href="#0">
                        <picture class="c-card__picture">
                            <img class="c-card__img" src="{{$teamMember->documents->first()->medium_image_url ?? '/img/placeholder-person.svg'}}" alt="" width="300" height="300">

                            @if(!empty($teamMember->link2))
                                <a class="c-card__linked-in"
                                    href="{{ strpos($teamMember->link2, 'http') === false ? 'http://' . $teamMember->link2 : $teamMember->link2 }}"
                                    title="Bekijk profiel van {{$teamMember->name}} op LinkedIn"
                                    target="_blank" rel="noopener noreferrer">
                                        <span class="c-card__linked-in-icon"></span>
                                </a>
                            @endif
                        </picture>
                        <div class="c-card__info">
                            @isset($teamMember->name)
                                <h3 class="c-card__heading">{{$teamMember->name ?? null}}</h3>
                            @endisset
                            @isset($teamMember->translation->function)
                                <p class="c-card__subheading">{{$teamMember->translation->function ?? null}}</p>
                            @endisset
                            @if(!empty($teamMember->link1))
                                <a class="c-card__link"
                                   href="{{ strpos($teamMember->link1, 'http') === false ? 'http://' . $teamMember->link1 : $teamMember->link1 }}"
                                   target="_blank"
                                   rel="noopener noreferrer">{{$teamMember->link1 ?? null}}</a>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endif