@extends('master')

@section('title', __('site/trainings.meta_title'))
@section('meta_description', __('site/trainings.meta_description'))

@section('content')

    <div class="l-body">
        <div class="l-block  l-contain  u-spacing-pt5">
            <div class="u-spacing-pb5">
                @include('components.breadcrumb', [ 'breadcrumbNameOverrule' => [ 2 => $page->translation->name, 3 => $training->api_response->catalogus_naam ]])
            </div>
            <div class="o-details">
                <div class="o-details__main">
                    <h2 class="o-details__title  c-page-title">{{$training->api_response->catalogus_naam }}</h2>
                    <div class="o-details__desc">
                        @if(isset($training->translation))
                            {!! $training->translation->description !!}
                        @endif
                    </div>

                    @if(isset($training->translation) && $training->translation->hasTabs())
                        <div class="o-details__tabs">
                            @include('components.tabs',[
                                'tabs' => $training->translation->getTabs()
                            ])
                        </div>
                    @endif
                </div>

                <div class="o-details__side">
                    @include('components.trainingCard', [
                        'modifiers' => 'summary',
                        'disableJs' => true,
                    ])
                </div>
            </div>
        </div>
    </div>


@endsection