@extends('layouts.page')

@section('content')

<link rel="stylesheet" href="{{ asset('css/blog.css') }}">

<div class="page-wrapper">
    <section class="page-title" style="background-image:url(imgs/image-1.jpg)">
    	<div class="auto-container">
			<h1>Blog</h1>
			<ul class="page-breadcrumb">
				<li><a href="{{ route('web.home') }}">Home</a></li>
				<li><a href="{{ route('web.blog') }}">Blog</a></li>
			</ul>
        </div>
    </section>

    @php
        $settings = settings();
    @endphp

    <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="row ">
                        <div class="col-lg-12 blog-box blog-details">
                            <h3>{{ $blog->title }}</h3>
                            <div class="blog-a">
                                <a href="blog-details.php">{{ date('F m, Y', strtotime($blog->created_at)) }}</a>
                                <a href="javascript:void(0)">BY K&S Canon</a>
                            </div>
                            <div class="sm-icon-link mb-3">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-pinterest-p"></i></a>
                            </div>
                            @if(isset($blog->image) && $blog->image!="")
                                @php $image=asset(Storage::url('public/sections')).'/'.$blog->page->alias.'/'.$blog->image @endphp
                            @else
                                @php $image='' @endphp
                            @endif

                            <img class="img-fluid" src="{{ $image }}" alt="blog image">

                            <div class="mt-1 mb-5 text-justify">
                                {!! $blog->description !!}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <h5 class="blog-left-heading">TRENDING POSTS</h5>
                    @if (is_countable($trendingBlogs))
                        @foreach ($trendingBlogs as $blog)
                            @if(isset($blog->image) && $blog->image!="")
                                @php $image=asset(Storage::url('public/sections')).'/'.$blog->page->alias.'/'.$blog->image @endphp
                            @else
                                @php $image='' @endphp
                            @endif
                            <div class="blog-left">
                                <div class="blog-left-img">
                                    <a href="">
                                        <img class="img-fluid" src="{{ $image }}" alt="blog image">
                                    </a>
                                </div>
                                <a class="blog-left-p" href="#"> <p>{{ $blog->title }}</p></a>
                                <a class="blog-left-date" href="#"> <h5>{{ date('F m, Y', strtotime($blog->created_at)) }}</h5></a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </section>
</div>
@endsection