{{--<div class="news-lists">--}}
{{--<div class="content-container">--}}
{{--<h2>@lang('translations.otherNews')</h2>--}}
{{--<ul>--}}
{{--@foreach($posts as $post)--}}
{{--<li>--}}
{{--<a href="/{{$post->translation->route->route}}">--}}
{{--<h4>{{$post->translation->title}}</h4>--}}
{{--<div class="content">--}}
{{--{{$post->translation->meta_description}}--}}
{{--</div>--}}
{{--<p class="link">@lang('translations.readMore2')</p>--}}
{{--<p class="date">{{$post->date->format('d . m . Y')}}</p>--}}
{{--<div class="clear"></div>--}}
{{--</a>--}}
{{--</li>--}}
{{--@endforeach--}}
{{--</ul>--}}
{{--<div class="right-block">--}}
{{--<div class="cta-block">--}}
{{--<p>@lang('translations.newsTriggerBlock')</p>--}}
{{--<div class="button">--}}
{{--<a class="internalLink" data-link="contact">--}}
{{--@lang('translations.contactUs')--}}
{{--</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}


@extends('layouts.base')

@section('meta')
    <title>{{$data->translation->title}} | Nieuws | Fitale</title>
    <meta name="description" content="{{ $data->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="/#news">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('posts.postInfo')

        <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));

            $('.single-news .news-block iframe').width($('.single-news .news-block').width()).height($('.single-news .news-block iframe').width()/16*9);

        }
    </script>
@endsection