@extends('layouts.base', ['view' => 'error-page'])

@section('meta')
    <title>{{$error}}</title>

@endsection

@section('content')

    <header id="header">
        <div class="grid-row">


            <div class="grid-col logo-container">

                <a class="phone" href="tel:{{Config::get('business.phone_call')}}">
                    <div class="icon">
                        <span>T</span>
                    </div>
                    {{\Config::get('business.phone_display')}}
                </a>


                {{-- Logo --}}
                <figure class="logo">
                    <a href="/">
                        <img alt="logo" src="/img/logo.svg"/>
                    </a>
                </figure>

                <div class="languages">

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


    <section class="error-message">
        <div class="grid-row">
            <div class="wrapper">
                <h1>{{$error}}</h1>
                <p>@lang('error.'.$error.'.message')</p>
            </div>
        </div>
    </section>



    <footer>
        <div class="grid-row main-footer">

            <div class="footer-placeholder">

                {{-- Logo --}}

                <div class="grid-col logo">

                    <figure>
                        <a href="/">
                            <img alt="logo" src="/img/logo.svg"/>
                        </a>
                    </figure>

                </div>


                {{-- Contact info --}}

                <div class="grid-col footer-contact-info">

                    <figure class="logo">
                        <a href="/">
                            <img alt="logo" src="/img/logo.svg"/>
                        </a>
                    </figure>

                    <h5>@lang('translations.footerAddress')</h5>

                    <p>
                        {{ \Config::get('business.address') }}<br/>
                        {{ \Config::get('business.address_optional') }}<br/>
                        {{ \Config::get('business.zip') }} {{ \Config::get('business.city') }}
                    </p>

                    <a class="phone" href="tel:{{Config::get('business.phone_call')}}">
                        <div class="icon">
                            <span>T</span>
                        </div>
                        {{Config::get('business.phone_display')}}
                    </a>

                    <a class="mail" href="mailto:{{ \Config::get('business.email') }}">
                        <div class="icon">
                            <span>E</span>
                        </div>
                        {{ \Config::get('business.email') }}
                    </a>

                </div>

                {{-- Logo --}}

                <div class="grid-col part-off">

                    <a href="https://www.ouddorp-duin.nl">
                        <p>@lang('translations.partOf')</p>

                        <span class="logo"></span>
                    </a>

                    <a href="https://komma.pro" class="komma">
                        <span></span>
                        <p>
                            @lang('translations.komma')
                        </p>
                    </a>

                </div>

                {{-- Komma --}}

                <a href="https://komma.pro" class="komma komma-block">
                    <span></span>
                    <p>
                        @lang('translations.komma')
                    </p>
                </a>

            </div>

        </div>

        <div class="sub-footer">
            <div class="grid-row">
                <p class="grid-col">© {{\Carbon\Carbon::now()->year}} {{Config::get('business.name')}}</p>
            </div>
        </div>

    </footer>



@endsection