@extends('layouts.website_layout')
@section('meta_title', $blog_category->meta_title)
@section('meta_description', $blog_category->meta_description)
@section('banner_image', "banners/".$banner_data->banner_image)
@section('canonical_tag', $page_name_url)
@section('content')
<main>
    <div class="container-fluid ">
        <div class="container">
            <div class="text-left">
                <h1 class="big-heading mb-5 mt-5">{{$blog_category->blog_category_name}}</h1>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row custom-row justify-content-between">
            <div class="col-12 col-sm-12 col-md-12 col-lg-8 blog__listing">
                @foreach($blog as $blog_row)
                <div class="single__blog__block">
                    <div class="row">
                        <div class="col-12">
                            <h2>{{$blog_row->blog_name}}</h2>
                            <p class="date">{{date('dS F, Y', strtotime($blog_row->blog_published_date))}}</p>
                            <a href="{{url('/')}}/blog/{{$blog_row->blog_category_url_slug}}/{{$blog_row->blog_url_slug}}"><img loading="lazy" src="{{url('/')}}/assets/images/blog/{{$blog_row->blog_thumbnail_image}}" alt="{{$blog_row->blog_name}}"></a>
                            <p class="text-left">{{$blog_row->blog_preview}}</p>
                        </div>
                    </div>
                    <div class="row blog__footer">
                        <div class="col-12 col-sm-12 col-md-6 p-0 text-md-left text-sm-center text-center">
                            <a href="{{url('/')}}/blog/{{$blog_row->blog_category_url_slug}}/{{$blog_row->blog_url_slug}}" class="know__more">Continue Reading</a>
                        </div>
                        <div class="col-12 col-sm-12 col-md-6 p-0 text-md-right text-sm-center text-center d-flex justify-content-center justify-content-sm-center  justify-content-md-end align-items-center">
                            <p>SHARE IT ON : </p>
                            <ul class="d-flex justify-content-center">
                                <li>
                                    <a href="https://www.facebook.com/sharer/sharer.php?u={{url('/')}}/blog/{{$blog_row->blog_category_url_slug}}/{{$blog_row->blog_url_slug}}" target="_blank">
                                        <i class="fa fa-facebook" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://plus.google.com/share?url={{url('/')}}/blog/{{$blog_row->blog_category_url_slug}}/{{$blog_row->blog_url_slug}}" target="_blank">
                                        <i class="fa fa-google-plus" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                @endforeach
                @if(!empty($blogs_total_count) && $total_pages > 1)
                <div class="row mb-5">
                    <div class="pagination">
                        <a @if($page_no - 1 < 1) style="opacity: 0.6;pointer-events:none;" @else style="display:inline;" @endif href="{{url('/')}}/{{$page_name_url}}/page/{{$page_no - 1}}"><span><i class="fa fa-angle-left" aria-hidden="true"></i></span></a>
                        @for($i = ($page_no - 2); $i <= ($page_no + 2); $i++)
                        <a @if($i < 1 || $i > $total_pages) style="opacity: 0;pointer-events:none;" @else style="display:inline;" @endif @if($i == $page_no) class="active" @endif @if($i != $page_no) href="{{url('/')}}/{{$page_name_url}}/page/{{$i}}" @endif><span>{{$i}}</span></a>
                        @endfor
                        @if($page_no == $total_pages)
                        <a style="opacity: 0.6;pointer-events:none;"><span><i class="fa fa-angle-right" aria-hidden="true"></i></span></a>
                        @else
                        <a href="{{url('/')}}/{{$page_name_url}}/page/{{$page_no + 1}}" style="display:inline;"><span><i class="fa fa-angle-right" aria-hidden="true"></i></span></a>
                        @endif
                    </div>
                </div>
                @endif
            </div>

            @php
            echo View::make('blog_sidebar', ['blog_categories' => $blog_categories, 'latest_blog' => $latest_blog, 'blog_category_url_slug' => $blog_category_url_slug])
            @endphp
        </div>
    </div>
</main>
@endsection