@extends('master')

@section('title', $service->translation->meta_title != '' ? $service->translation->meta_title : $service->translation->name .' | '. $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')

    <div class="l-contain">
        @include('components.breadcrumb')

        <div class="u-spacing-mt4">
            @include('components.textButton', [
				'modifiers' => ['secondary', 'is-reversed'],
				'textButtonText' => __('global.back_to_overview'),
				'textButtonLink' => $links->services->route,
			])
        </div>

{{--        @include('components.pageTitle', [--}}
{{--            'model' => $service,--}}
{{--        ])--}}
    </div>

    {{--When components are set on this page they will be put here --}}
    <div class="u-spacing-mt2">
        @include('organisms.components')
    </div>

    <div class="u-spacing-pt4">
        <div class="u-tilted-bg  u-spacing-pb10" data-align="top-left bottom-left">
            <div class="l-contain">
                @if($services && $services->count() > 0)
                    @include('organisms.activityCardGrid', [
						'modifiers' => ['is-light'],
						'cardItems' => $services,
						'indexRoute' => $links->services->route ?? '/',
						'modelRoute' => $links->services->route,
					])
                @else
                    <h2>{{__('services.noItems')}}</h2>
                @endif
            </div>
        </div>
    </div>


{{--    <div class="l-contain  u-spacing-mt10">--}}
{{--        @include('organisms.testimonials')--}}
{{--    </div>--}}

@endsection