@extends('layouts.mainlayout')
@section('title','Blogs'??$websitedata->default_metatitle)
@section('canonical', url('blogs')??url('/'))
@section('content')
    <!-- breadcrumb banner content area start -->
    <div class="lernen_banner large bg-about">
        <div class="container">
            <div class="row">
                <div class="lernen_banner_title">
                    <h1>Latest Blogs</h1>
                    <div class="lernen_breadcrumb">
                        <div class="breadcrumbs">
									<span class="first-item">
									<a href="/">Home</a></span>
                            <span class="separator">&gt;</span>
                            <span class="last-item">Blog</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end breadcrumb banner content area start -->

    <!-- blog area start -->
    <div id="blog" class="wrap-bg">
        <div class="container">
            <!-- .row -->
            <div class="row">
                @if(isset($blogs) && count($blogs)>0)
                    @foreach($blogs as $blog)
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 blog-single">
                            <!-- 1 -->
                            <div class="themeioan_blog">
                                <article><!-- single blog articles -->
                                    <div class="blog-photo">
{{--
                                        <a href="{{route('blog.detail',[$blog->slug])}}"><img src="http://localhost/erp/public/storage/blogs_thumbnail/{{$blog->thumbnail}}" alt="Blog"></a>
--}}
                                        <a href="{{route('blog.detail',[$blog->slug])}}"><img src="https://erp.nsol.sg/storage/blogs_thumbnail/{{$blog->thumbnail}}" alt="Blog"></a>
                                    </div>
                                    <div class="blog-content">
                                        <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>
                                            </ul>
                                        </div>
                                        <h5 class="title"><a href="{{route('blog.detail',[$blog->slug])}}">{{$blog->title}}</a>
                                        </h5>
                                        <p class="text-left">
                                            {{Str::limit(strip_tags($blog->contents),50,'...')}}
                                        </p>
                                        <a href="{{route('blog.detail',[$blog->slug])}}" class="button-light">More <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </article><!-- end single blog articles -->
                            </div>
                        </div>
                    @endforeach
                @else
                    <span class="text-center">Coming Soon...</span>
                @endif
            </div>
            <!-- .row end -->

            <!-- .navigation start -->
            {{--<div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12">
                    <ul class="pagination p-center">
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Previous">
                                <i class="fas fa-angle-left"></i>
                            </a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item active"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">...</a></li>
                        <li class="page-item"><a class="page-link" href="#">18</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#" aria-label="Next">
                                <i class="fas fa-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>--}}
            <!-- .navigation end -->

        </div>
    </div>
    <!-- blog area end -->
@endsection