@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
@lang('blog/title.blogdetail')
@parent
@stop

{{-- page level styles --}}
@section('header_styles')
<link rel="stylesheet" href="{{ asset('css/pages/blog.css') }}" />
@stop


{{-- Page content --}}
@section('content')
<section class="content-header">
    <!--section starts-->
    <h1>{!! $blog->title!!}</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="14" data-c="#000"
                    data-loop="true"></i>
                @lang('general.dashboard')
            </a>
        </li>
        <li> @lang('blog/title.blog')</li>
        <li class="active">@lang('blog/title.blogdetail')</li>
    </ol>
</section>
<!--section ends-->
<section class="content pr-3 pl-3">
    <!--main content-->
    <div class="row">
        <div class="col-sm-11 col-md-12 col-full-width-right">
            <div class="blog-detail-image mrg_btm15">
                @if(!empty($blog->image))
                <img src="{{URL::to('uploads/blog/'.$blog->image)}}" class="img-responsive" alt="Image">
                @else
                <img data-src="holder.js/791x380/#6cc66c:#fff" class="img-responsive" alt="Image">
                @endif
            </div>
            <!-- /.blog-detail-image -->
            <div class="the-box no-border blog-detail-content">
                <p>
                    <span class="label label-danger square">{!! $blog->created_at!!}</span>
                </p>
                <p class="text-justify">
                    {!! $blog->content !!}
                </p>

                <p><strong>Tags:</strong> {!! $blog->tagList !!}</p>
                <hr>
                <p>
                    <span class="label label-success square">@lang('blog/title.comments')</span>
                </p>
                @if(!empty($comments))
                <ul class="media-list media-sm media-dotted recent-post">
                    @foreach($comments as $comment)
                    <li class="media">
                        <div class="media-body">
                            <h4 class="media-heading">
                                <a href="{!! $comment->website !!}">{!! $comment->name !!}</a>
                            </h4>
                            <p>
                                {!! $comment->comment!!}
                            </p>
                            <p class="text-danger">
                                <small> {!! $comment->created_at!!}</small>
                            </p>
                        </div>
                    </li>
                    @endforeach
                </ul>
                @endif
                <hr>
                <p>
                    <span class="label label-info square">@lang('blog/title.leavecomment')</span>
                </p>
                {!! Form::open(['url' => URL::to('admin/blog/'.$blog->id.'/storecomment'), 'method' => 'post', 'class'
                => 'bf', 'files'=> true]) !!}

                <div class="form-group {{ $errors->has('name') ? 'has-error' : '' }}">
                    {!! Form::text('name', null, ['class' => 'form-control input-lg','required' => 'required',
                    'placeholder'=>trans('blog/form.ph-name')]) !!}
                    <span class="help-block">{{ $errors->first('name', ':message') }}</span>
                </div>
                <div class="form-group {{ $errors->has('email') ? 'has-error' : '' }}">
                    {!! Form::text('email', null, ['class' => 'form-control input-lg','required' => 'required',
                    'placeholder'=>trans('blog/form.ph-email')]) !!}
                    <span class="help-block">{{ $errors->first('email', ':message') }}</span>
                </div>
                <div class="form-group {{ $errors->has('website') ? 'has-error' : '' }}">
                    {!! Form::text('website', null, ['class' => 'form-control input-lg',
                    'placeholder'=>trans('blog/form.ph-website')]) !!}
                    <span class="help-block">{{ $errors->first('website', ':message') }}</span>
                </div>
                <div class="form-group {{ $errors->has('comment') ? 'has-error' : '' }}">
                    {!! Form::textarea('comment', null, ['class' => 'form-control input-lg no-resize','required' =>
                    'required','id'=>'comment', 'style'=>'height: 200px', 'placeholder'=>trans('blog/form.ph-comment')])
                    !!}
                    <span class="help-block">{{ $errors->first('comment', ':message') }}</span>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-success btn-md"><i class="fa fa-comment"></i>
                        @lang('blog/form.send-comment')
                    </button>
                </div>
                {!! Form::close() !!}
            </div>
            <!-- /the.box .no-border -->
        </div>
        <!-- /.col-sm-9 -->
    </div>
    <!--main content ends-->
</section>
@stop
@section('footer_scripts')
<script>
    $("img").addClass("img-responsive");
</script>
@stop