@extends('master', [ 'customBreadcrumb' => true])

@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  u-spacing-mt4  u-spacing-mb4">
        @include('components.breadcrumb', [ 'breadcrumbNameOverrule' => [ 3 => $service->translation->name] ] )
    </div>

    <div class="l-contain">
        @include('components.pageTitle', [
            'model' => $service,
            'backToLink' => $links->services->route,
            'backToLabel' => __('services.backToLabel'),
        ])
    </div>

    {{--When components are set on this page they will be put here --}}
    @include('organisms.components')


    <div class="l-block  l-contain">
        @include('components.subnav', [
            'menuName' => __('services.menuName'),
            'models' => $services,
            'modelTypeRoute' => $links->services->route,
            'activeModelId' => $service->id,
        ])
    </div>

    <div class="l-block  l-contain  u-text-align-center">
        <div class="s-text">
            <h2>{!! $servicePointHeading !!}</h2>
            @include('components.servicePoint', [
                'buttonText' => $servicePointButton->translation->label ?? null,
                'buttonLink' => $servicePointButton->translation->url ?? null,
            ])
        </div>
    </div>

    <div class="l-block">
        @include('organisms.calloutBar')
    </div>

@endsection