<section class="team-row">
    <div class="grid-row">

        <div class="colleagues">

            <div class="placeholder">
                @foreach($colleagues as $colleague)
                    <div class="colleague">
                        <figure>
                            <span class="medium"
                                  style="background-image: url('{{$colleague->images->first()->medium}}');"></span>
                            <span class="small"
                                  style="background-image: url('{{$colleague->images->first()->small}}');"></span>
                        </figure>

                        <p>
                            <strong>{{ $colleague->name }}</strong>
                            {{ $colleague->translation->function }}
                        </p>
                    </div>
                @endforeach
            </div>

        </div>

        <div class="content grid-col">

            @if(isset($page->translation->ourTeam))
                <div class="kms-content">
                    {!! $page->translation->ourTeam->description !!}
                </div>
            @endif

            <div class="button-wrapper">
                @include('site.partials.vacanciesButton', ['buttonText' => trans('site/global.showVacancies')])
            </div>

            <div class="cta-model">

                <p>@lang('site/global.ctaModelTitle')</p>

                <div class="buttons">
                    @if(isset($links->scheduleConversation))
                        <a class="button" href="/{{$links->scheduleConversation->route}}">
                            @lang('site/global.scheduleConversation')
                            <span class="double-arrow"></span>
                        </a>
                    @endif
                    @if(isset($links->startSale))
                        <a class="green button" href="/{{$links->startSale->route}}">
                            {{$links->startSale->name}}
                            <span class="double-arrow"></span>
                        </a>
                    @endif
                </div>

            </div>

        </div>

        <div class="cta-model mobile">

            <p>@lang('site/global.ctaModelTitle')</p>

            <div class="buttons">
                @if(isset($links->scheduleConversation))
                    <a class="button" href="/{{$links->scheduleConversation->route}}">
                        @lang('site/global.scheduleAConversation')
                        <span class="double-arrow"></span>
                    </a>
                @endif
                @if(isset($links->startSale))
                    <a class="green button" href="/{{$links->startSale->route}}">
                        {{$links->startSale->name}}
                        <span class="double-arrow"></span>
                    </a>
                @endif
            </div>

        </div>

    </div>
</section>