@extends('layouts.base')

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

    <meta property="og:url"           content="{{\Request::url()}}" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="{{$data->meta_title}}" />
    <meta property="og:description"   content="{{$data->meta_description}}" />

    @if($data->images->count() != 0)
        <meta property="og:image"         content="{{\Request::root().$data->images->first()->medium_image_url}}" />
    @endif

@endsection

@section('pre-content')
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                appId            : '1686722011636820',
                autoLogAppEvents : true,
                xfbml            : true,
                version          : 'v2.9'
            });
            FB.AppEvents.logPageView();
        };

        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
@endsection

@section('content')
    @include('layouts.partials.header')
    {{--@include('layouts.partials.mobileNavigation')--}}
    @if($data->content->code_name != 'home')
        @include('layouts.partials.breadcrumb')
    @endif

    @include('layouts.partials.mobileNavigation')


    <div class="feature-content blog">
        <div class="background">
        </div>
        <div class="content-container inner">
            <div class="feature-nav">
                <div class="header">
                    <h4>@lang('translations.latestItems')</h4>
                </div>
                @include('layouts.partials.posts.latestPosts')
            </div>

            <div class="feature-detail blog-detail">
                <p class="back-overview"><a
                            href="/{{$data->links->blog->route}}">@lang('translations.backToOverview')</a></p>
                <h1>{{$data->translation->title}}</h1>
                <h2>{{$data->translation->sub_title}}</h2>
                {{--@if($data->images->count()>0)--}}
                    {{--<div class="image-container">--}}
                        {{--<img src="{{$data->images->pull(0)->original_image_url}}"/>--}}
                    {{--</div>--}}
                {{--@endif--}}

                @if(isset($data->translation->description))
                    @include('layouts.partials.dynamic.dynamicBlocks', ['dynamicDescription' => $data->translation->description])
                @endif

                <div class="social-media">
                    <p>Share on:</p>
                    <span id="shareBtnFacebook" class="facebook"></span>
                    <span id='shareTwitter'></span>
                    <span id='shareLinkedin'></span>
                </div>

                @include('layouts.partials.posts.nextPrev')

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

    @include('layouts.partials.dataSecurityRow')

    @include('layouts.partials.footer')
@endsection


@section('extra-js')
    <script type="text/javascript" src="/js/projectDetail.js?v=2"></script>
    <script>
        document.getElementById('shareBtnFacebook').onclick = function() {
            FB.ui({
                method: 'share',
                mobile_iframe: true,
                href: '{{\Request::url()}}',
            }, function(response){});
        };
        document.getElementById('shareTwitter').onclick = function() {
            window.open('https://twitter.com/intent/tweet?text={{ urlencode($data->meta_title.' >> ')}}&url={{urlencode(\Request::url())}}', 'newwindow', 'width=500, height=600');
        };
        document.getElementById('shareLinkedin').onclick = function() {



            window.open('https://www.linkedin.com/shareArticle?mini=true&url={{urlencode(\Request::url())}}&title={{urlencode($data->meta_title)}}&summary={{urlencode($data->meta_description)}}', 'newwindow', 'width=500, height=600');
        };
    </script>
@endsection