@extends('site.master')

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

@section('content')
    <section class="content">
        <div class="grid-row catBlock">
            <div class="grid-col left">
                <h2>{{$page->translation->intro->typeName}}</h2>
                {!! $page->translation->intro->description  !!}
            </div>
            <div class="grid-col right"></div>
            @foreach($categoryTree[0]->getChildren() as $key=>$catItem)
                <div class="grid-col catItem">
                    <a href="/aanbod/{{$catItem->node->translation->slug}}">
                        <div class="imgHolder" style="
                        @if(count($catItem->node->images) > 0)
                                background-image: url('{{$catItem->node->images[0]->medium_image_url}}')
                        @else
                                background-color: #eeeeee;
                        @endif
                                "><span class="yellow-block-overlay"></span>
                        </div>
                        <span class="{{$catItem->node->code_name}}"></span><h4>{{$catItem->node->translation->name}}</h4>
                    </a>
                </div>
            @endforeach
            <div class="grid-col catItem">
                <a href="/aanbod/{{$transportServicePage->translation->slug}}">
                    <div class="imgHolder" style="
                    @if(count($transportServicePage->images) > 0)
                            background-image: url('{{$transportServicePage->images[0]->medium_image_url}}')
                    @else
                            background-color: #eeeeee;
                    @endif
                            ">
                        <span class="yellow-block-overlay"></span>
                    </div>
                    <span class="transportservice"></span><h4>{{$transportServicePage->translation->name}}</h4>
                </a>
            </div>
        </div>
    </section>
@endsection