@extends('front-layout.default')
@section('content')
    @include('front.blog._search-partial')
    <!--home-top-search-->
    <div class="blog-detail-page">
        <div class="row">
            <!-- Blog Post Content Column -->
            <div class="col-lg-8">
                @if ($errors->any())
                    <div class="row">
                        <div class="col-md-12">
                                {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                        </div>
                    </div>
                @endif

                @if(session()->has('success_message'))
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-success">{!! session()->pull('success_message') !!}</div>
                        </div>
                    </div>
                @endif

                <!-- Blog Post -->
                <!-- Title -->
                <h1><i class="fa fa-comment" aria-hidden="true"></i> {!! $blog_details->title !!}</h1>
                <!-- Author -->
                {{--<p class="lead">--}}
                    {{--by <a href="#">Lorem Ipsum</a>--}}
                {{--</p>--}}
                <hr>
                <!-- Date/Time -->
                <p>Posted on {!! $blog_details->created_at->format('Y-M-d') !!}
                    {{--August 24, 2013 at 9:00 PM--}}
                </p>
                <hr>
                <!-- Preview Image -->
                {{--<img class="img-responsive" src="http://placehold.it/900x300" alt="">--}}
                {{--<hr>--}}
                <!-- Post Content -->
                <div class="lead">
                    {!! $blog_details->content !!}
                </div>

                <hr>
                    <div class="col-md-12">
                        <div id="example5">
                            <div id="shareme" data-url="{!! route('blog-front-details',['id'=>$blog_details->id]) !!}" data-text="Make your sharing widget with Sharrre (jQuery Plugin)"></div>
                        </div>
                    </div>

                <hr>
                <!-- Comments Form -->
                @include('front.blog.comment')
                <hr>
            </div>

        </div>
        <!-- /.row -->
    </div>

@stop
@section('scripts')
    {!! Html::script('sharer/jquery.sharrre.min.js') !!}
    <script>
        $(document).ready(function(){
            $('#shareme').sharrre({
                share: {
                    googlePlus: true,
                    facebook: true,
                    twitter: true,
                    digg: true,
                    delicious: true,
                    stumbleupon: true,
                    linkedin: true,
                    pinterest: true
                },
                buttons: {
                    googlePlus: {size: 'tall', annotation:'bubble'},
                    facebook: {layout: 'box_count'},
                    twitter: {count: 'vertical'},
                    digg: {type: 'DiggMedium'},
                    delicious: {size: 'tall'},
                    stumbleupon: {layout: '5'},
                    linkedin: {counter: 'top'},
                    pinterest: {media: 'http://sharrre.com/img/example1.png', description: $('#shareme').data('text'), layout: 'vertical'}
                },
                enableHover: false,
                enableCounter: false,
                enableTracking: true
            });
        });
    </script>
    <style type="text/css">
        #example5{
            float:left;
            margin:68px 25% 0 25%;
        }
        .sharrre .button{
            float:left;
            width:60px;
        }
    </style>

@stop