@php
	use App\DashboardModel;
	$dashboardModelInstance = new DashboardModel();
    $session_id = session()->get('session_id');
    use App\MasterModel;
    $master_instance = new MasterModel();
@endphp
<!-- Include Header -->
@include('frontend.include.header')


<!--BreadCrumb-->
<div class="bg-white border-bottom">
    <div class="container">
        <div class="page-header">
            <h4 class="page-title">Articles</h4>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{url('/')}}/articles">Articles</a></li>
            </ol>
        </div>
    </div>
</div>
<!--/BreadCrumb-->

<!--Add listing-->
<section class="sptb">
    <div class="container">
        <div class="row">
            <!--Left Side Content-->
            <div class="col-xl-4 col-lg-4 col-md-4">
                @include('frontend.include.article_sidebar_filter') 
            </div>
            <!--/Left Side Content-->
            <div class="col-xl-8 col-lg-8 col-md-8">
                <!--Add Lists-->
                <div class="row">
                    @if(count($blog_listing)>0)	
                        @foreach($blog_listing as $blog)
                        <div class="col-xl-12 col-lg-12 col-md-12">
                            <div class="card overflow-hidden">
                                {{-- <div class="ribbon ribbon-top-left text-warning"><span class="bg-warning">featured</span></div> --}}
                                <div class="row no-gutters blog-list ">
                                    <div class="col-xl-4 col-lg-12 col-md-12">
                                        <div class="item7-card-img">
                                            <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}"></a>
                                            {{-- @if($blog->post_image != NULL && @file_get_contents(url('/')."/public/uploads/display/".$blog->post_image)) --}}

                                             @if($blog->post_image != NULL)
                                                <img src="{{url('/')}}/public/uploads/display/{{$blog->post_image}}" alt="img" class="">
                                                
                                            @else
                                                <img src="{{url('/')}}/public/uploads/sample.png" alt="img" class="">
                                            @endif
                                            @php $blog_category = $dashboardModelInstance->get_category($blog->post_category); @endphp
                                            @if($blog_category != NULL)
                                            <div class="item7-card-text">
                                                <span class="badge badge-success">{{$blog_category->name}}</span>
                                            </div>
                                            @endif
                                            
                                        </div>
                                        <div class="item-card9-icons">
                                            @if($session_id == "")
                                            <a href="#login_modal" class="item-card9-icons1 wishlist"  data-toggle="modal"> <i class="fa fa fa-heart-o"></i></a>
                                            @else
                                            @php $like_status = $dashboardModelInstance->get_like_status_dataposts($blog->post_id) @endphp
                                                @if($like_status == 1)
                                                <a href="javascript:void(0)" class="item-card9-icons1 wishlist active" id= "like_button_{{$blog->post_id}}" onclick="bookmarks_data({{$blog->post_id}})"> <i class="fa fa fa-heart-o"></i></a>
                                                @else
                                                <a href="javascript:void(0)" class="item-card9-icons1 wishlist " id= "like_button_{{$blog->post_id}}" onclick="bookmarks_data({{$blog->post_id}})"> <i class="fa fa fa-heart-o"></i></a>
                                                @endif
                                            @endif
                                        </div>
                                    </div>
									@php $count_comment = $dashboardModelInstance->get_comment_count($blog->post_id, $blog->data_id) ;@endphp
                                    <div class="col-xl-8 col-lg-12 col-md-12">
                                        <div class="card-body">
                                            <div class="item7-card-desc d-flex mb-1">
                                                <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}"><i class="fa fa-calendar-o text-muted mr-2"></i>{{date('M-d-Y', strtotime($blog->post_live_date)) }}</a>
                                                @if(strlen($blog->post_author)>35)
                                                @php $author_name = substr($blog->post_author,0,35); @endphp
                                                <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}"><i class="fa fa-user text-muted mr-2"></i>{{$author_name}}..</a>
                                                @else
                                                <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}"><i class="fa fa-user text-muted mr-2"></i>{{$blog->post_author}}</a>
                                                @endif
                                                <div class="ml-auto">
                                                    <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}"><i class="fa fa-comment-o text-muted mr-2"></i>{{$count_comment}} Comments</a>
                                                </div>
                                            </div>
                                            <div class="item-card9">
                                                <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}" class="text-dark"><h4 class="font-weight-semibold mb-4">{{$blog->post_title}}</h4></a>
                                                <p class="mb-1 leading-tight">@php echo strip_tags($blog->post_content); @endphp
                                                </p>
                                                <a href="{{route('articles-details', ['file_name'=> $blog->post_filename]) }}" class="btn btn-primary btn-sm">Read More</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    @else
                        <div class="col-xl-12 col-lg-12 col-md-12"><h1 class="text-center">No Results Found</h1></div>
                    @endif
                </div>
                <div class="center-block text-center">
                    {{ $blog_listing->appends(Request::all())->links() }}
                    
                </div>
            </div>
            <!--/Add Lists-->
        </div>
    </div>
</section>


<!--/Add Listing-->
@include('frontend.include.login_modal')
<!-- Newsletter-->
{{-- @include('frontend.include.newsletter')  --}}
<!--/Newsletter-->

@include('frontend.include.footer') 
<script>
	function get_views(id){
		var group_id = id;
		var token = '{{ csrf_token() }}';
		$.ajax({
			type: "post",
			url: "{{url('/insert_view_count')}}",
			data: {'_token': token,'group_id':group_id},
			dataType: "JSON",
			success: function (response) {
				window.location.reload();
			}
		});
	}
</script>
<script>
	function bookmarks_data(group_id){
  	$("#like_button_"+group_id).toggleClass('active ');
		var group_id = group_id;
		var token = '{{ csrf_token() }}';
		$.ajax({
			type: "post",
			url: "{{url('/insert_like')}}",
			data: {'_token': token,'group_id':group_id},
			dataType: "JSON",
			success: function (response) {
				console.log(response)
            }
		});
	}
</script>