@extends('site.master')

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

@section('content')

    <div class="l-contain">

        <article class="o-article">

            <div class="o-article__back">
                @include('site.components.textButton', ['textButtonText' => __('site/blog.backToOverview'), 'textButtonLink' => $previousRoute, 'modifiers' => ['icon', 'icon-inverted']])
            </div>

            <div class="o-article__heading">
                <h1>{{ $model->translation->name }}</h1>
            </div>

            @if(isset($model->images) && $model->images->count() != 0)
                <picture class="o-article__hero">
                    @foreach(['large', 'medium', 'small'] as $imageSize)
                        @if(!$loop->last)
                            <source
                                    @switch($imageSize)
                                    @case('medium')
                                    media="(min-width: 425px)"
                                    @break
                                    @case('large')
                                    media="(min-width: 820px)"
                                    @break
                                    @endswitch
                                    srcset="{{ $model->images->first()->{$imageSize.'_image_url'} }}">
                        @else
                            <img src="{{ $model->images->first()->{$imageSize.'_image_url'} }}" alt="{{ $model->images->first()->name }}">
                        @endif
                    @endforeach
                </picture>

            @endif

            <div class="o-article__content">

                @include('site.organisms.components', ['layoutType' => 'article'])

            </div>

            <div class="o-article__button">
                @include('site.components.button', [
                    'modifiers' => 'icon',
                    'buttonLink' => $formRoute . '?s='. __('site/'.$modelType.'.intakePrefilledSubject', ['type' => $parent->name, 'model' => $model->translation->name]) . '&m=' . $modelType . '&t=' . $parent->node->code_name,
                    'buttonText' => __('site/' . $modelType . '.button'),
                ])
            </div>

        </article>

    </div>

    <div class="o-block--cta">
        <div class="l-contain">
            @include('site.components.personalCallout', [
            'contactPerson' => ( (isset($parent) && $parent->node->code_name == 'teaching') ? 'carla' : 'henk'),
            'smallCalloutClasses' => 'u-margin-auto',
            ])
        </div>
    </div>


@endsection