@extends('site.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="o-body">

        @include('site.organisms.hero', [
            'backButtonText' => __('site/services.backToLabel'),
            'backButtonLink' => $links->services->route,
            'heroTitle' => $page->translation->name . ' &rarr; ' . $service->translation->name,
            'heroHeader' => $service->hero->title,
            'heroText' => $service->hero->description,
            'heroImages' => $service->hero->documents->values()->toArray(),
            'heroActionButtonLabel' => !empty($service->hero->buttons->translation) ? $service->hero->buttons->translation->label : null,
            'heroActionButtonLink' => !empty($service->hero->buttons->translation) ? $service->hero->buttons->translation->url : null,
        ])

        <div class="u-bg-wrapper">
            <div class="u-ornament-triangle"></div>
            @include('site.organisms.components')
        </div>

        <div class="o-block  l-contain">
            @include('site.components.servicepoint', [
                'servicepoint' => $servicepoint,
                'servicepointText' => __('site/global.servicepoint.text'),
                'alternate' => true,
            ])
        </div>

        @include('site.organisms.cardGrid', [
            'headerTitle' => __('site/services.featuredTitle'),
            'showBackToIndex' => true,
            'backToLabel' => __('site/services.backToLabel'),
            'parentLink' => $links->services->route,
            'cards' => $randomServices,
            'showOrnament' => true
        ])

        @include('site.organisms.calloutBar', ['showCalloutBarOrnament' => false])

    </div>
@endsection