@inject( 'response', 'Illuminate\Http\Response' )

@section('title', $code . ' | '. \Config::get('site.company.name'))

@extends('site.base')

@section('base-content')

    <header>
        <div class="contained-layout grid-row full-row">
            <div class="grid-row primary-menu full-row">
                <div class="grid-row" style="display: block; padding: 13px 0; text-align: center;">
                    <div class="grid-col logo"><a href="/">@include('site.svg.logo')</a></div>
                </div>
            </div>
        </div>
        <div class="contained-layout grid-row full-row secondary-menu">
            <div class="grid-row empty-subheader">
                @yield('header-content')
            </div>
        </div>
    </header>

    <section class="content grid-row full-row emptyContent">
        <section id="error-page-message">
            <div class="grid-row">
                <div class="kms-content">
                    @if($exception->getMessage())

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


                    @elseif(isset($message))

                        <h1>{{ $message }}</h1>
                        @if(!isset($disableApologies) || $disableApologies == false)
                            <p>{!! __('errors.not_found_apologies') !!}</p>
                        @endif

                    @else

                        <h1>Foutcode {{ $code }}</h1>

                    @endif
                </div>
            </div>
        </section>
    </section>

    {{--

Footer: Found at the bottom of every page
We want our content to stay focused in the center area,
but we also want to align some of the items vertically.
Therefor we use a flexable-layout inside a contained-layout.

1: Small hack: Because the footer in on every page,
we here added the id to keep track of the grid-size.
This is used in our drip animation.

--}}

    <footer class="main">

        <div class="contained-layout footer-top">

            {{-- Centered content on a 12-column grid --}}
            <div class="col-12 centered">
                <div class="grid-row">
                    @if(isset($links) && isset($links->customerservice))
                        <a href="/{{$links->customerservice->route}}">
                            <div class="grid-col col-4">
                                @include('site.svg.icon.easy_clicks_grey')
                                {!! __('site/global.orderEasy') !!}
                            </div>
                        </a>
                        <a href="/{{$links->customerservice->route}}">
                            <div class="grid-col col-4">
                                @include('site.svg.icon.mechanic')
                                {!! __('site/global.assortment') !!}
                            </div>
                        </a>
                        <a href="/{{$links->customerservice->route}}">
                            <div class="grid-col col-4">
                                @include('site.svg.icon.pay_on_invoice_grey')
                                {!!  __('site/global.invoice') !!}
                            </div>
                        </a>
                    @endif
                </div>
            </div>

        </div>


        <div class="contained-layout">

            <div class="contained-layout subfooter">
                <div class="col-12 bottom">
                    <div class="grid-row">
                        <div class="grid-col logo">
                            <a href="/">@include('site.svg.logo')</a> &copy; {{date("Y")}}
                            <span>&nbsp;Eurotools&nbsp;</span>| All rights
                            reserved
                        </div>
                        @include('site.partials.header.languageMenu', [$showName = true])
                    </div>
                </div>
            </div>

        </div>

    </footer>

@endsection