@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">
                            Events
                        </li>
                    </ol>
                </nav>
			</div>
		</div>
	</div>
</section>

@php
	$type =isset($_GET['type']) ? $_GET['type'] : 'NA';
@endphp

<section class="events-block">
	<div class="container">
        <index-event :listdata="{{$events}}" :category="{{$category}}" :meta_total_pages="{{$meta['total_pages']}}" :event_type="{{json_encode($type)}}"></index-event>
	</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/events.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.events").addClass('active')
	})
</script>

@endpush