@extends('layouts.main')
@include('site.meta.og_content')
@section('content')
<section class="page-content-start">
	<hr style="margin-top: 0px; margin-bottom: 0px">
</section>

<section>
	<div class="container">
		<div class="row">
			<div class="col-12 gmf-breadcrub-sec">
				<nav aria-label="breadcrumb">
					<ol class="breadcrumb">
						<li class="breadcrumb-item">
							<a href="/" class="">Home</a>
						</li> 
						<li aria-current="page" class="breadcrumb-item active">
                            Blogs
                        </li>
                    </ol>
                </nav>
			</div>
		</div>
	</div>
</section>


<section class="blog-block">
	<div class="container">
		<index-blog :listdata="{{$blogs}}" :category="{{$category}}" :meta_total_pages="{{$meta['total_pages']}}"></index-blog>
	</div>
</section>
<section class="featured-block gray-bg">
	<div class="container">
		<div class="row ">
			<div class="col-12 profile-featured-section">
				<h2 class="sub-head green-text"><span>FEATURED</span></h2>
					<index-featured></index-featured>
			</div>
		</div>
	</div>
</section>
@stop
@push('style')
<link rel="stylesheet" href="{{ asset('/css/blogs.css')}}">
<link rel="stylesheet" href="{{ asset('/css/profile.css')}}">
<link rel="stylesheet" href="{{ asset('/css/featured-carousel.css')}}">
@endpush
@push('script')
<script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/site/custom_owl.js') }}"></script>
<script src="{{ asset('js/site/custom.js') }}"></script>
<script type="text/javascript">
	$(function(){
		$(".gmf-nav-secondary .nav-item").removeClass('active')
        $(".gmf-nav-secondary .nav-item.blogs").addClass('active')
	})
</script>
@endpush