@extends('layouts.app')
@section('meta')
    @parent
    <meta property="og:title"         content="{{$blog->name}}" />
    <meta property="og:description"   content="{{$blog->small_body}}" />
    <meta property="og:image"         content="{{asset('uploads/'.$blog->picture)}}" />
@endsection
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12 bodycon">

                <div class="panel-body main_body">
                    <div class="main_page">
                        <ul role="tablist" class="nav nav-tabs">
                            <li role="presentation">
                                <a href="{{asset('blogs')}}">{{trans('client.menu_blog.blog')}}</a>
                            </li>
                            <li role="presentation" class="active">
                                <a href="#">{{$blog->name}}</a>
                            </li>
                        </ul>
                        <div class="tab-content index">
                            <h2 align="center">{{$blog->name}}</h2>
                            <br style="clear:both"/> 
                            @if($blog->picture != '')<img src="{{ asset('uploads/'.  $blog->picture)}}" align="left"
                                                          class="pic_left">@endif
                            <div class="text">
                                {!! $blog->body !!}
                            </div>
                            <div class="face">
                                <div id="fb-root"></div>
                                <script>(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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0";
                                        fjs.parentNode.insertBefore(js, fjs);
                                    }(document, 'script', 'facebook-jssdk'));</script>

                                <!-- Your share button code -->
                                <div class="fb-share-button" data-size="large"
                                     data-href="https://tattooscalculator.com{{$_SERVER['REQUEST_URI']}}"
                                     data-layout="button">
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection