@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 px-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-fluid" alt="Image">
                    @else
<img data-src="holder.js/791x380/#6cc66c:#fff" class="img-fluid" 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>
<h3 class="label label-success square">@lang('blog/title.comments')</h3>
                    </p>
@if(count($comments) > 0)
                        <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>
@else
<p>No comments found</p>
@endif
                    <hr>
                    <p>
<h3 class="label label-info square">@lang('blog/title.leavecomment')</h3>
                    </p>
                    {!! Form::open([
                        'url' => URL::to('admin/blog/' . $blog->id . '/storecomment'),
                        'method' => 'post',
                        'class' => 'bf',
                        'files' => true,
                    ]) !!}

                    <div class=" {{ $errors->has('name') ? 'has-error' : '' }}">
                        {!! Form::text('name', null, [
'class' => 'form-control mb-2',
                            'required' => 'required',
                            'placeholder' => trans('blog/form.ph-name'),
                        ]) !!}
                        <span class="form-text">{{ $errors->first('name', ':message') }}</span>
                    </div>
                    <div class=" {{ $errors->has('email') ? 'has-error' : '' }}">
                        {!! Form::text('email', null, [
'class' => 'form-control mb-2',
                            'required' => 'required',
                            'placeholder' => trans('blog/form.ph-email'),
                        ]) !!}
                        <span class="form-text">{{ $errors->first('email', ':message') }}</span>
                    </div>
                    <div class=" {{ $errors->has('website') ? 'has-error' : '' }}">
                        {!! Form::text('website', null, [
'class' => 'form-control mb-2',
                            'placeholder' => trans('blog/form.ph-website'),
                        ]) !!}
                        <span class="form-text">{{ $errors->first('website', ':message') }}</span>
                    </div>
                    <div class=" {{ $errors->has('comment') ? 'has-error' : '' }}">
                        {!! Form::textarea('comment', null, [
'class' => 'form-control mb-2',
                            'required' => 'required',
                            'id' => 'comment',
                            'style' => 'height: 200px',
                            'placeholder' => trans('blog/form.ph-comment'),
                        ]) !!}
                        <span class="form-text">{{ $errors->first('comment', ':message') }}</span>
                    </div>
                    <div class="">
                        <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-fluid");
    </script>
@stop