@extends('app')

@section('title', $blog->title)
@section('metaDescription', str_limit(strip_tags($blog->content), 150))

@if(!is_null($blog->title_image))
    @section('image', url(thumbnail($blog->title_image, [500, 1200])))
@endif

@section('body-class', 'bg-1')

@section('content')

    <div class="intro">
        <div class="wrap">
            @include('_partials.try-default')
        </div>
    </div>

    @include('_partials.categories')

    <div class="block blog">
        <div class="wrap">
            @include('blog._partials.categories')

            <header>
                <h1 class="h1__colored">{{$blog->title}}</h1>
                @if(!is_null($blog->title_image))
                    <div class="blog-title-image">
                        <img src="{{$blog->title_image}}" alt="">
                    </div>
                @endif
            </header>

            <article>
                {!! $blog->content !!}
            </article>

            <div class="row buttons">
                <a class="twitter-share-button" href="https://twitter.com/intent/tweet"></a>
                <a class="fb-share-button" data-href="{{action('BlogController@show', ['url' => $blog->slug])}}"
                   data-layout="button"></a>
                <a class="g-plus" data-action="share"
                   href="{{action('BlogController@show', ['url' => $blog->slug])}}"></a>
            </div>

            <script src="https://apis.google.com/js/platform.js" async defer></script>
        </div>
    </div>
@endsection