@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')
    <section class="content">
        @if(!empty($page->translation->intro))
            @include('site.partials.intro', [ 'block' => $page->translation->intro, 'buttonbar' => false])
        @endif

        @if(!empty($page->translation->textblock))
            <section class="grid-row full-row textblock" id="content">
                <div class="grid-col">
                    <div class="grid-row">
                        <div class="grid-col content">
                            <div class="description">
                                {!! $page->translation->textblock->description  !!}
                            </div>

                            @if($page->translation->textblock->link !== '' && $page->translation->textblock->link_text !== '')
                                <a class="button arrow blue" href="{{$page->translation->textblock->link}}">
                                    {{$page->translation->textblock->link_text}}
                                </a>
                            @endif

                        </div>
                    </div>
                </div>
            </section>
        @endif


        <div class="grid-row full-row employee-icons" id="team">
            <div class="grid-col">
                <div class="grid-row">
                    <div class="top-triangle">@include('svg.triangle_filled')</div>
                    <div class="grid-col title-holder">
                        <h3>@lang('site/aboutUs.our_team')</h3>
                        <div class="diagonal-line white"></div>
                        <div class="diagonal-line white second"></div>
                    </div>
                    <div class="grid-col icon-holder">
                        <div class="grid-row">

                            @foreach(config('employees') as $employee)
                                <div class="icon">
                                    <figure style="background-image: url('/img/employees/{{$employee['image']}}');"></figure>
                                    <h3>{{$employee['name']}}</h3>
                                    <h4>{{$employee['function_' . app()->getLocale() ]}}</h4>
                                </div>
                            @endforeach

                        </div>
                    </div>
                    <div class="bottom-triangle">@include('svg.triangle_empty')</div>
                </div>
            </div>
        </div>


        @include('site.partials.CTA-bottom')
    </section>
@endsection