@extends('layouts.base')

@section('meta')

    <title>{{$data->name}} | {{$data->parent->translation->meta_description}}</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->name}}"/>
    <meta property="og:description" content="{{$data->meta_description}}"/>

    @if($data->rentmanUpdate->images->count() != 0)
        <meta property="og:image"
              content="{{\Request::root().$data->rentmanUpdate->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.breadcrumb')

    @include('layouts.partials.mobileNavigation')


    <div class="feature-content timeline">
        <div class="background">
        </div>
        <div class="content-container inner">
            <div class="feature-nav timeline-nav">

                @include('layouts.partials.timeline.latestUpdates')

            </div>

            <div class="feature-detail blog-detail">
                <p class="back-overview"><a
                            href="/{{$data->links->timeline->route}}">@lang('translations.backToTimeline')</a></p>
                <h1>{{$data->name}}</h1>

                @if(isset($data->description))
                    @include('layouts.partials.dynamic.dynamicBlocks', ['dynamicDescription' => $data->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.timeline.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