<div class="o-hexagrid  o-block">

<h2 class="o-hexagrid__title">@lang('site/about.team.title')</h2>

    @foreach($employeesByDepartment as $department)

        @continue($department->employees->isEmpty())

        @if(isset($department->translation))
            <h3 class="o-hexagrid__subtitle">{{$department->translation->name}}</h3>
        @else
            <h3 class="o-hexagrid__subtitle">{{__('site/departments.other_departments')}}</h3>
        @endif

        <ul class="o-hexagrid__list">

            @foreach($department->employees as $employee)
                <li class="o-hexagrid__item">
                    <div class="c-person">
                        <img class="c-person__image"
                             src="{{ (isset($employee->images) && $employee->images->count() != 0) ? $employee->images->first()->small_image_url : '/img/person-placeholder.gif' }}"
                             alt="{{$employee->first_name . $employee->last_name}}">

                        <p class="c-person__name">
                            <span class="c-person__firstname">{{ $employee->first_name }}</span>
                            <span class="c-person__lastname">{{ $employee->last_name }}</span>
                        </p>
                        @if(!empty($employee->translation->function))
                            <p class="c-person__subtitle">{{ $employee->translation->function}}</p>
                        @endif
                        @if(!empty($employee->email))
                            <a class="c-person__email" href="mailto:{{ $employee->email}}">{{ $employee->email}}</a>
                        @endif

                    </div>
                </li>
            @endforeach

        </ul>

    @endforeach

</div>