@extends('layouts.base')
@section('meta')
    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Lato" rel="stylesheet">
@endsection


@extends('layouts.base')

@section('meta')
    <link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Lato" rel="stylesheet">
@endsection

@section('content')
    <header>
        <div class="grid-row">

            <section class="grid-col col-2 overflow">
                <figure class="logo">
                    <a href="/"><img src="/img/logo.svg"></a>
                </figure>
            </section>

            <nav class="grid-col col-10 main-navigation">
                <ul>
                </ul>
            </nav>

        </div>
    </header>

    @include('layouts.partials.filmstrip')


    <div class="error-page-message">
        <div class="content-container">
            <div class="box">
                <h1 class="number">500</h1>
                <h1>@lang('error.error500')</h1>

                <div class="return-home">
                    <a href="/">@lang('error.backHome')</a>
                </div>
            </div>
        </div>
    </div>


    <footer>
        <div class="grid-row content-container">

            <div class="grid-col col-4 footer-contact">
                <div class="footer-contact-wrapper">
                <span class="footer-icon">
                    <img id="footer-contact-icon" class="svg" src="/img/icons/footer_contact_icon.svg"/>
                    <h3>Contact</h3>
                </span>

                    <p>{{Config::get('business.business_name')}}</p>
                    <p>{{Config::get('business.address')}}</p>
                    <p>{{Config::get('business.zip')}} {{Config::get('business.city')}}</p>
                    <p>&nbsp;</p>
                    <a href="mailto:{{Config::get('business.email')}}"><p>{{Config::get('business.email')}}</p></a>
                    <a href="tel:{{Config::get('business.phone.call')}}">{{Config::get('business.phone.display')}}</a>
                </div>
                <div class="line"></div>
            </div>

            <div class="grid-col col-4 footer-social">
                <div class="footer-social-wrapper">
                <span class="footer-icon">
                    <img id="footer-social-icon" class="svg" src="/img/icons/footer_social_icon.svg"/>
                    <h3>Social</h3>
                </span>

                    @if( \Config::get('business.facebook') != '') <a class="facebook" target="_blank" href="{{Config::get('business.facebook')}}">Facebook</a> @endif
                    @if( \Config::get('business.linkedin') != '') <a class="linkedin" target="_blank" href="{{Config::get('business.linkedin')}}">LinkedIn</a> @endif
                    @if( \Config::get('business.instagram') != '') <a class="instagram" target="_blank" href="{{Config::get('business.instagram')}}">Instagram</a> @endif
                    @if( \Config::get('business.youtube') != '') <a class="youtube" target="_blank" href="{{Config::get('business.youtube')}}">Youtube</a> @endif
                    @if( \Config::get('business.twitter') != '') <a class="twitter" target="_blank" href="{{Config::get('business.twitter')}}">Twitter</a> @endif

                </div>
                <div class="line"></div>
            </div>

            <div class="grid-col col-4 footer-menu">
            </div>
            <div class="grid-col col-12 footer-bottom">
                <div class="footer-bottom-left">
                    ©<?php echo date("Y"); ?> | {{Config::get('business.business_name')}}
                </div>
                <div class="footer-bottom-right">
                    @include('layouts.partials.byKomma')
                </div>
            </div>

        </div>
    </footer>

@endsection