<div class="o-team">
    <h2 class="c-heading">
        {{ __('site/employees.who_are_we') }}
    </h2>
    <div class="o-team__matrix">
        @foreach($employees as $employee)
            <div class="o-team__item">
                <div class="c-card" href="#0">
                    <picture class="c-card__picture">
                        @if($employee->documents && count($employee->documents))
                            <img class="c-card__img" src="{{$employee->documents->first()->small_image_url}}" alt="">
                        @else
                            <img class="c-card__img" src="https://via.placeholder.com/264x264" alt="">
                        @endif
                    </picture>
                    <div class="c-card__info">
                        <h3 class="c-card__heading">{{$employee->name}}</h3>
                        @if(!empty($employee->translation))
                            @if(!empty($employee->translation->function))
                                <p class="c-card__subheading">{{$employee->translation->function}}</p>
                            @endif
                            @if(!empty($employee->translation->telephone_label))
                                <p class="c-card__textline">{{$employee->translation->telephone_label}}</p>
                            @endif
                            @if(!empty($employee->translation->email))
                                <p class="c-card__textline">{{$employee->translation->email}}</p>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>