@extends('master', ['headerOnDark' => $model->header_on_dark, 'headerPullUp' => (isset($model->headingImage) && $model->headingImage->isNotEmpty())])

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

@section('content')

    @if(isset($model->headingImage) && $model->headingImage->isNotEmpty())

        @php
            $modifiers = ['detail'];
            if($model->align_right) $modifiers[] = 'align-right';
        @endphp

        @include('components.imageHeading', [
            'modifiers' => $modifiers,
            'imageHeadingImage' => $model->headingImage->first(),
            'imageHeadingTitle' => $model->translation->name,
        ])
    @else
        <div class="u-spacing-mb2  l-contain">
            @include('components.pageTitle', [
                'pageTitle' => $model->translation->name,
            ])
        </div>
    @endif

    <div class="o-story__wrapper">
        <div class="o-story__placeholder">
            <div class="o-story">

                <main class="o-story__main">
                    @include('organisms.components')
                </main>

                <aside class="o-story__side">
                    <div class="o-story__side-content">
                        @include('organisms.sidebar')
                    </div>
                </aside>

            </div>
        </div>
    </div>

    @if(isset($otherModels) && $otherModels->isNotEmpty())
        <div class="o-other-models l-block--grey">
            <div class="l-contain">

                @include('components.heading', [
                    'headingTitle' => 'Op zoek naar meer?'
                ])

                <div class="o-other-models__main">
                    @foreach($otherModels as $otherModel)
                        <div class="o-other-models__item">
                            <a class="o-other-models__link" href="{{ $otherModel->getRoute($links) }}">
                                <div class="o-other-models__picture">
                                    @if(!empty($otherModel->images) && $otherModel->images->isNotEmpty())
                                        <div class="o-other-models__img" style="background-image: url('{{$otherModel->images->first()->small_image_url}}')"></div>
                                    @endif
                                </div>

                                <div class="o-other-models__type">
                                    @switch(get_class($otherModel))
                                        @case(\App\Journeys\Models\Journey::class)
                                            Rondreis
                                        @break
                                        @case(\App\MustDos\Models\MustDo::class)
                                            Must Do
                                        @break
                                        @case(\App\ToDos\Models\ToDo::class)
                                            To Do
                                        @break
                                        @case(\App\Articles\Models\Article::class)
                                            Artikelen
                                        @break
                                        @case(\App\Overnights\Models\Overnight::class)
                                            Overnachting
                                        @break
                                    @endswitch
                                </div>
                                <h4 class="o-other-models__title">{{ $otherModel->translation->name }}</h4>
                                @include('components.textButton', [
                                    'isButton' => true,
                                    'modifiers' => 'icon',
                                    'textButtonText' => 'Lees meer'
                                ])
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif


@endsection