@extends('site.master', [ 'hideCookieMessage' => true])

@section('title', $exception->getStatusCode())

@section('content')

    <div class="o-intro  u-spacing-mb0">
        <div class="o-intro__header">
            <div class="o-intro__title  c-page-title">
                <p>Foutcode {{ $exception->getStatusCode() }}</p>
                <h1 class="o-intro__heading  c-page-title__heading">
                    @lang('errors.errorHeading')
                </h1>
            </div>
        </div>

        <div class="o-intro__body  u-spacing-mb0">

            <div class="o-intro__content">
                <div class="o-intro__text  s-text">
                    @if( __('errors.' . $exception->getStatusCode() ) !== 'errors.' . $exception->getStatusCode() )
                        <h2>{!! __('errors.' . $exception->getStatusCode()) !!}</h2>
                    @else
                        <h2>{!! __('errors.default') !!}</h2>
                    @endif

                    @if($exception->getMessage())
                        <p>{{ $exception->getMessage() }}</p>
                    @endif

                    @include('site.components.button', [
                        'buttonText' => __('errors.homeButton'),
                        'buttonLink' => '/'
                    ])
                </div>
                <div class="o-intro__image">
                    <div class="c-projector">
                        <figure class="c-projector__figure">
                            <picture class="c-projector__picture  is-active">
                                <img class="c-projector__img" src="/img/error.jpg" alt="image" data-object-fit="cover">
                            </picture>
                        </figure>
                    </div>
                </div>
            </div>

        </div>
    </div>

    @include('site.organisms.calloutBar', [
        'heading' => __('errors.cta_heading'),
    ])


@endsection