@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>Blog</li>
			</ul>
        </div>
    </section>

    <section class="blog-main">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8">
                    <div id="blogs-div" class="row">
                        @if (is_countable($blogs))
                            @foreach ($blogs 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="col-lg-6 blog-box">
                                    <a href="{{ route('web.blog', ['alias' => $blog->id]) }}">
                                        <div class="blog-box-text">
                                            <div class="view-post">View Post</div>
                                        </div>
                                        <img src="{{ $image }}" alt="blog image" style="height: 200px">
                                    </a>
                                    <h5>

                                    </h5>
                                    <a href="{{ route('web.blog', ['alias' => $blog->id]) }}"><h3 class="blog-h3">{{ $blog->title }}</h3></a>
                                    <div class="blog-a">
                                        <a href="{{ route('web.blog', ['alias' => $blog->id]) }}">{{ date('F m, Y', strtotime($blog->created_at)) }}</a>
                                        <a href="javascript:void(0)">By CHRISTINIA JENKINS, PLLC</a>
                                    </div>
                                    <div class="sm-icon-link">
                                        <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>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                 <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="{{ route('web.blog', ['alias' => $blog->id]) }}">
                                        <img src="{{ $image }}" alt="blog image">
                                    </a>
                                </div>
                                <a class="blog-left-p" href="{{ route('web.blog', ['alias' => $blog->id]) }}"> <p>{{ $blog->title }}</p></a>
                                <a class="blog-left-date" href="{{ route('web.blog', ['alias' => $blog->id]) }}"> <h5>{{ date('F m, Y', strtotime($blog->created_at)) }}</h5></a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
        <input type="hidden" id="page" value="1">
    </section>
</div>
@endsection