<div class="o-team">
    <h2 class="c-heading  c-heading--indent">
        Ontdek ons team
    </h2>
    <div class="o-team__matrix">

        @foreach($employees as $employee)
            <div class="o-team__item">
                <div class="c-card">
                    @if(isset($employee->images) && $employee->images->isNotEmpty())
                        <picture class="c-card__picture">
                            {{--<img class="c-card__img" src="https://picsum.photos/525/476?image={{30+$i}}" alt="">--}}
                            <img class="c-card__img" src="{{ $employee->images->first()->medium_image_url }}" alt="{{ $employee->name }}">
                        </picture>
                    @endif
                    <div class="c-card__info">
                        <h3 class="c-card__heading">{{ $employee->name }}</h3>
                        @if(isset($employee->translation) && !empty($employee->translation->function))
                            <p class="c-card__subheading">{{ $employee->translation->function }}</p>
                        @endif
                        @if(!empty($employee->phone_display) && !empty($employee->phone_call))
                            <a href="tel:{{ $employee->phone_call }}" class="c-card__textline">{{ $employee->phone_display }}</a>
                        @endif
                        @if(!empty($employee->phone_2_display) && !empty($employee->phone_2_call))
                            <a href="tel:{{ $employee->phone_2_call }}" class="c-card__textline">{{ $employee->phone_2_display }}</a>
                        @endif
                    </div>
                </div>
            </div>
        @endforeach

    </div>
</div>