@extends('layouts.base')

@section('meta')
    <title>{{$data->content->translation->meta_title}}</title>
    <meta name="description" content="{{ $data->content->translation->meta_description }}">
@endsection

@section('content')

    <div class="page-content">

        <header class="main news-header pages-header">
            <div class="overlay"></div>
            <div class="content-container">
                <p class="link page-link">
                    <a href="/">Terug naar Home</a>
                </p>

                <p class="link"><span>@lang('translations.directCall')</span> <a href="tel:{{\Config::get('business.phone.call')}}">{{\Config::get('business.phone.display')}}</a>
                </p>
                <div class="clear"></div>
            </div>
        </header>

        @include('composed.allPosts')

        <p class="pay-off">
            <strong>@lang('translations.referenceFooter.header')</strong>
            @lang('translations.referenceFooter.text')
        </p>

    </div>
    @include('layouts.partials.footer')
@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/contact.js"></script>
    <script type="text/javascript" src="/js/selectric.min.js"></script>
    <script type="text/javascript">
        $(function(){
            calcBackgroundNews();

            $(window).resize(function () {
                calcBackgroundNews();
            });

        });

        function calcBackgroundNews() {
            var leftSpace =  (($('.all-news').width() - $('.all-news .content-container').width()) /2 );
            var margin = $('.all-news .news-block').css('margin-left');
            margin = margin.substring(0, margin.length - 2);
            $('.all-news .background').width($('.all-news').width() - leftSpace - (margin*4));
        }
    </script>
@endsection