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

@section('title', $exception->getStatusCode() . ' | '. config('site.company.name'))

@section('base-content')

    <div class="t-error">
        <header class="o-header">
            <div class="o-header__main">
                <a class="o-header__logo" href="/">
                    <img width="185" height="47" alt="Farmfun Logo" src="/img/farmfun-logo--white.svg">
                </a>
            </div>
        </header>

        <section class="error-page-message">

            <div class="l-contain">

                <div class="s-text  u-text-align-center" style="padding: 100px 0;">

                    @if($exception->getMessage())

                        <h1>Foutcode {{ $exception->getStatusCode() }}</h1>
                        <p>{{ $exception->getMessage() }}</p>

                    @else

                        <h1>Foutcode {{ $exception->getStatusCode() }}</h1>

                        @if( __('errors.' . $exception->getStatusCode() ) !== 'errors.' . $exception->getStatusCode() )
                            <p>{!! __('errors.' . $exception->getStatusCode()) !!}</p>
                        @else
                            <p>{!! __('errors.default') !!}</p>
                        @endif

                    @endif

                </div>

            </div>

        </section>

        <footer class="o-footer ">
            <div class="o-footer__main">
                <div class="o-footer__body">
                    <a class="o-footer__logo" href="/">
                        <img width="185" height="47" alt="Farmfun Logo" src="/img/farmfun-logo--white.svg">
                    </a>
                </div>
            </div>

            <div class="o-footer__art">
                <div class="o-footer__image"></div>
            </div>

            <div class="o-footer__bottom">
                @include('site.organisms.subfooter')
            </div>

        </footer>
    </div>

@endsection