@extends('layouts.mainlayout')
@php $websitedata=get_website(); @endphp
@section('title',$blog->metatitle??$websitedata->default_metatitle)
@section('description',$blog->metadescription??$websitedata->default_metadescription)
@section('keywords', $blog->metakeywords??$websitedata->default_metakeywords)
@section('canonical', route('blog.detail',[$blog->slug])??url('/'))
<!-- Open Graph / Facebook -->
@section('og:type',$blog->metatitle??'article')
@section('og:url',route('blog.detail',[$blog->slug])??url('/'))
@section('og:title',$blog->metatitle ??$websitedata->default_metatitle)
@section('og:description',$blog->metadescription ??$websitedata->default_metadescription)
<!-- Twitter -->
@section('twitter:card',$blog->metatitle??'article')
@section('twitter:url',route('blog.detail',[$blog->slug])??url('/'))
@section('twitter:title',$blog->metatitle ??$websitedata->default_metatitle)
@section('twitter:description',$blog->metadescription ??$websitedata->default_metadescription)

@section('content')
<!-- breadcrumb banner content area start -->
    <div class="image-overly-dark lernen_banner large bg-about">
        <div class="container opac">
            <div class="row">
                <div class="lernen_banner_title">
                    <h1>{{$blog->title}}</h1>
                    <div class="lernen_breadcrumb">
                        <div class="breadcrumbs">
									<span class="first-item">
									<a href="/">Home</a></span>
                            <span class="separator">&gt;</span><span class="first-item">
									<a href="{{url('blogs')}}">Blog</a></span>
                            <span class="separator">&gt;</span>
                            <span class="last-item">{{$blog->title}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end breadcrumb banner content area start -->

    <!-- Blog Detail area start -->
    <div id="blog-detail" class="wrap-bg wrap-bg ">
        <div class="container">
            <div class="row">
                <!-- Content Left -->
                <div class="col-md-12 col-lg-8">
                    <div class="blog-content">
                        <div class="blog-detail-img">
                            {{--<img src="http://localhost/erp/public/storage/blogs_thumbnail/{{$blog->thumbnail}}" alt="Blog Detail"/>--}}
                            <img src="https://erp.nsol.sg/storage/blogs_thumbnail/{{$blog->thumbnail}}" alt="Blog Detail"/>
                        </div>
                        <div class="section-title">
                            <div>
                                <h3>{{$blog->title}}</h3>
                            </div>
                            <div class="course-viewer">
                                <ul>
                                    <li><i class="fas fa-user"></i> {{$blog->created_by->fname.' '.$blog->created_by->lname}}</li>
                                    <li><i class="fas fa-user"></i> {{$blog->created_at->format('j F, Y')}}</li>
                                    <li><i class="fas fa-comment-dots"></i> 0</li>
                                </ul>
                            </div>
                        </div>
                        <div class="blog-content">
                            {!! $blog->contents !!}
                        </div>
                    </div>
                </div>

                <!-- Sidebar Right -->
                <div class="col-md-12 col-lg-4">
                    @include('includes.latest_blogs')
                    <div class="detail-widgets widget-category">
                        <h4 class="title">Categories</h4>
                        <ul>
                            @if(isset($blogcats) && count($blogcats)>0)
                                @foreach($blogcats as $cat)
                                    <li><a href="#">{{$cat}}{{--<span>4</span>--}}</a></li>
                                @endforeach
                            @else
                                <span class="text-center">No Categories Yet.</span>
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Blog Detail area end -->
@endsection