@extends('layouts.frontend')

@section('content')
<div class="banner">
	<div class="container">
		<div class="row">
			<div class="col-md-12 text-center">
				<h2 class="page-title">MASTERSTROKE BLOGS ({{$totalBlogs}})</h2>
			</div>
		</div>
	</div>
    <a href="#" class="btn-chat">Chat With Us</a>  
</div>

<section class="main-sec">
	<div class="container">
    	<div class="row">
            <div class="col-lg-9">
                <div class="row">
                @php 
                $count = 0;
                @endphp
                @if(isset($blogs))
                    @foreach($blogs as $blog)
                        @php 
                        $count++;
                        @endphp
                        <div class="col-md-4 mb-4">
                            <div class="blog-bx">
                                <div class="blog-img">
                                    <img class="img-fluid" src="{{url('uploads/blog')}}/{{$blog->cover_image}}" alt="" />
                                </div>
                                <div class="blog-txt">
                                    <span class="date">{{date_format($blog->created_at,'d M Y')}}</span>
                                    <h3>{{$blog->title}}</h3>
                                    <p>{{ substr(strip_tags($blog->content), 0, 140) }}{{ strlen(strip_tags($blog->content)) > 140 ? " ..." : "" }}</p>
                                    <a href="{{url('blog')}}/{{$blog->slug}}">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <div class="col-md-12">
                        <nav aria-label="Page navigation example">
                            {{$blogs->links()}}
                        </nav>
                    </div>
                @endif

                @if($count < 1)
                    <h4>No Blog Found!</h4>
                @endif

                </div>
            </div>
            <div class="col-md-3">
             <div class="category-box mb-4">
                <h3>Blog Categories</h3>
                <ul class="cate-list">
                    <li><a href="{{url('blogs')}}">All ({{$totalBlogs}})</a></li>
                    @foreach($categories as $category)
                        <li><a href="{{url('blogs/category')}}/{{$category->slug}}">{{$category->name}} ({{count($category->blogs)}})</a></li>
                    @endforeach
                </ul>
            </div>
            
             <div class="category-box mb-4">
                <h3>Quick Links</h3>
                <ul class="cate-list">
                    @foreach($quicklinks as $quicklink)
                        <li><a href="{{$quicklink->redirect_url}}">{{$quicklink->title}}</a></li>
                    @endforeach
                </ul>
            </div>
        </div>
        
      </div>
    </div>
    <div class="btm-shape-prt">
    	<img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
    </div>
</section>

@endsection