@extends('Frontend.layouts.top-nav')
<style>
    .container{
        width:90% !important;
    }
    .green{
        color:green;
    }
    .darkblue{
        color:darkblue;
    }
    .underline{
        text-decoration:underline;
    }
    .card-img{
        height:400px;
        object-fit:cover;
    }
</style>
@section('content')
<!-- Page Header -->
@if ($blog->status=='1')
<div class="container download-section mat">
    <div class="page-header row py-4">
        <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
            <span class="text-uppercase page-subtitle darkblue">Blog Page</span>
            <div style="display:block;">Blog / {{$blog->category->name}}/ {{$blog->id}}</div>
        </div>
    </div>
    <!-- End Page Header -->
    <div class="row">
        <div class="col-lg-9 col-md-12">
            <!-- Add New Post Form -->
            <div class="card card-small mb-3">
                <div class="card-body">
                    <img  class="card-img" src='{{$blog->cover_image}}' >
                    <div class="mt-3"> <span class="green">Author: </span> {{$blog->author}}</div>
                    <hr>
                    <div class="lead mb-2 font-weight-bold">{{$blog->title}}</div>
                    <div>{!! $blog->content !!}</div>
                </div>
            </div>
            <!-- / Add New Post Form -->
        </div>
        <div class="col-lg-3 col-md-12">
            <!-- Post Overview -->
            <div class='card card-small'>
                <div class="card-header border-bottom">
                    <h6 class="m-0">Activity</h6>
                </div>
                <div class='card-body'>
                    {{-- {!! Form::open(['route' => ['blogfront.index'],'method'=>'GET']) !!}
                    {!! Form::submit('View All Posts', array('class' => 'btn btn-sm btn-info form' )) !!}
                    {!! Form::close() !!} --}}
                    <a class="btn btn-primary btn-sm" href="{{ route('blogs.index') }}">View All Posts</a> <hr>
                    <a class="darkblue underline" href="">Related Posts</a>
                    <div>
                        @if (count($lists)=='1')
                            <div>No any related posts</div>
                        @else
                        <ul>
                            @foreach ($lists as $k=>$list)
                                @if ($blog->id != $list->id && $k<=5)
                                <li><a href="{{ route('blogs.show',$list->id)}}">{{ $list->title}}</a></li>
                                @endif
                            @endforeach
                        </ul>
                        @endif
                    </div>
                </div>
            </div>
            <!-- / Post Overview -->
        </div>
    </div>
    </div>
@endif

@endsection