@extends('layouts.frontend')

@section('content')

<section class="banner">
    <div class="container">
        <div class="row blog-content">
            <div class="col-md-8">
                <h2>{{ $Blog->title }}</h2>
                
                <hr/>
                
                <div class="row">
                    <div class="pull-left col-md-9">
                        Category: {{ $Blog->category['name'] }}
                    </div>
                    <div class="pull-right col-md-3">
                        Posted On: {{ date("m/d/Y", strtotime($Blog->created_at)) }}
                    </div>   
                </div>    
                
                <hr/>
                
                <div class="row">
                    @if($Blog->image != "")
                        <div class="col-md-2">
                            <img src="{{ asset('storage/'.$Blog->image) }}" style="width: 100%; height: 100vh; max-height: 150px;" />
                        </div>
                        <div class="col-md-10">                    
                            <p><h4>{!!html_entity_decode($Blog->short_description)!!}</h4></p>
                        </div>
                    @else                    
                        <div class="col-md-12">                    
                            <p><h4>{!!html_entity_decode($Blog->short_description)!!}</h4></p>
                        </div>
                    @endif
                </div> 
                
                <br/><br/>
                
                <div class="row">
                    <div class="col-md-12">
                        {!! $Blog->description !!}
                    </div>
                </div>
                
            </div>      
            <div class="col-md-4 blog-content-cat-section">
                <h3>Categories</h3>
                <hr/>
                <ul style="list-style:square">
                    @foreach($categories as $k=>$v)
                        <li>
                            <a href="{{ route('news_by_category',[$v->id]) }}">{{ $v->name }}</a>
                        </li>
                    @endforeach
                </ul>
                
            </div>
            
        </div>
 
    </div>
</section>     
        
@endsection