@extends('layouts.frontlayout')
@section('content')

<!-- Breadcrumbs -->
<div class="breadcrumb_bg_img">
	<div class="page_heading">Events</div>
</div>


<!-- Events Details -->
<div class="achievements_section event_listings event_details">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<div class="achievements_area">
					
					<!-- Bg Icons -->
					<div class="bg_icon bg_icon1">
						<img src="{{url('frontend/images/achievements/bg_icon1.png')}}" alt="...">
					</div>

					<div class="bg_icon bg_icon2">
						<img src="{{url('frontend/images/achievements/bg_icon2.png')}}" alt="...">
					</div>

					<div class="bg_icon bg_icon3">
						<img src="{{url('frontend/images/achievements/bg_icon3.png')}}" alt="...">
					</div>

					<div class="bg_icon bg_icon4">
						<img src="{{url('frontend/images/achievements/bg_icon4.png')}}" alt="...">
					</div>


					<div class="achievements_sort">
						<ul class="list-inline">
							<li>
								
								<a href="{{route('frontend.events.eventListing', ['type' => 'upcoming'])}}" class="btn btn-primary {{ $event->date >= $dates ? 'active' : ''}}">
									<span class="small_heading">Upcoming Events</span>
									<img src="{{url('frontend/images/achievements/sort_btn_bg.png')}}">
								</a>
							</li>

							<li>
								<a href="{{route('frontend.events.eventListing')}}" class="btn btn-primary {{ $event->date <= $dates ? 'active' : ''}}">
									<span class="small_heading">All Events</span>
									<img src="{{url('frontend/images/achievements/sort_btn_bg.png')}}">
								</a>
							</li>
						</ul>
					</div>

					<section class="school_activities achv_images_sec">
						<div class="row">
							<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
								<div class="activities_area">
									<div class="inner_details">

										<div class="event_list_holder">
											<div class="event_list_box">
												<div class="event_box">
													<div class="inner_event_box">
														<div class="event_info" data-mh="grp-1">
															<div class="eve_head small_heading">
																{{isset($event->title) && $event->title ? $event->title : ''}}
															</div>
															<div class="eve_desc">
																{!! isset($event->description) && $event->description ? $event->description : '' !!}
															</div>
															<div class="eve_timings">
																<div class="eve">
																	<div class="eve_icon">
																		<img src="{{url('frontend/images/events/cal_icon.png')}}">
																	</div>
																	<div class="eve_text">
																		{{isset($event->date) && $event->date ? date('M d, Y', strtotime($event->date)) : ''}}
																	</div>
																</div>
																<div class="eve">
																	<div class="eve_icon">
																		<img src="{{url('frontend/images/events/time_icon.png')}}">
																	</div>
																	<div class="eve_text">
																		{{isset($event->time) && $event->time ? Carbon::createFromFormat('H:i:s',$event->time)->format('h:i A') : ''}}
																	</div>
																</div>
																<div class="eve">
																	<div class="eve_icon">
																		<img src="{{url('frontend/images/events/loc_icon.png')}}">
																	</div>
																	<div class="eve_text">
																		{{isset($event->location) && $event->location ? $event->location : ''}}
																	</div>
																</div>
															</div>
														</div>
														<div class="event_image" data-mh="grp-1">
															@if(isset($event->file_type) && $event->file_type == 'image' && $event->image && file_exists(public_path($event->image)))
															<a href="{{url($event->image)}}" data-fancybox>
																<img src="{{General::renderImage(FileSystem::getAllSizeImages($event->image), 'medium')}}" alt="...">
															</a>
															 @elseif(isset($event->file_type) && $event->file_type == 'video' && $event->video)
															<a href="{{url($event->video)}}" data-fancybox>
																<video muted loop poster="{{url($event->thumbnail)}}">
																	<source src="{{url($event->video)}}" type="video/mp4">
																</video>
																<div class="overlay play_btn"></div>
															</a>
															@else
												        	<a href="javascript:;" class="event_image" data-mh="grp-1">
												        		<img src="{{asset('frontend/images/noImage/no_image.png')}}">
												        	</a>
												        	@endif
														</div>
													</div>
												</div>
											</div>
										</div>
																				<div class="sports_images">
											<div class="row">
												@if(isset($multImgJsnDcd) && $multImgJsnDcd)
													@foreach($multImgJsnDcd as $k => $mI)
													<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
														<div class="sports_img_area">
															<!-- <span class="sports_img_text"><i class="fa-solid fa-info"></i></span> -->
															<a href="{{url($mI)}}" data-fancybox="grp-1">
																<img src="{{General::renderImage(FileSystem::getAllSizeImages($mI), 'medium')}}" alt="...">
															</a>
														</div>
													</div>
													@endforeach
												@endif
											</div>
										</div>

										<div class="pagination"></div>
									</div>
								</div>
							</div>
						</div>
					</section>

					<div class="pagination"></div>
				</div>
			</div>
		</div>
	</div>
</div>

@endsection