@extends('layouts.master1')
@section('title')
    Rotary • Club of Lekki Phase One
@endsection 

@section('breadcrumbheader1')
Events
@endsection

@section('page')
		Events
@endsection
@section('styles')

@endsection

@section('content')
<section class="ls section_padding_top_150 section_padding_bottom_130 columns_padding_25">
				<div class="container">
					<div class="row">

						<div class="col-sm-10 col-sm-push-1">

							 @forelse ($event as $list)
							<article class="post side-item content-padding with_border ">

								<div class="row">

									<div class="col-md-5">
										<div class="item-media">
											<img src="../{{$list->artwork}}" alt="">
											<div class="media-links">
												<a class="abs-link" title="" href="#"></a>
											</div>
										</div>
									</div>

									<div class="col-md-7">
										<div class="item-content">
											<h4>
												<a href="{{url('eventinfo')}}/{{$list->sn}}">{{$list->event}}</a>
											</h4>

											<p class=" grey darklinks">
											<span class="rightpadding_20"><i class="fa fa-calendar rightpadding_5 highlight"></i>{{$list->date}}, {{$list->time}} </span>
											<i class="fa fa-map-marker rightpadding_5 highlight">{{$list->venue}}</i> 
										</p>
											<p>
											</p>

										</div>
									</div>

								</div>
							</article>
				@empty
                   <h4 style="color: #F9A825; outline: none!important; text-align: center;">No Event for this section </h4>

                @endforelse 

						

						

				{!! $event->render() !!}



							
					<!-- 	
							


							<div class="row topmargin_60">
								<div class="col-sm-12 text-center">
									<ul class="pagination">
										<li class="disabled">
											<a href="#">
												<span class="sr-only">Prev</span>
												<i class="fa fa-angle-left" aria-hidden="true"></i>
											</a>
										</li>
										<li class="active"><a href="#">1</a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">3</a></li>
										<li><a href="#">4</a></li>
										<li>
											<a href="#">
												<span class="sr-only">Next</span>
												<i class="fa fa-angle-right" aria-hidden="true"></i>
											</a>
										</li>
									</ul>
								</div>
							</div> -->

						</div>
						<!--eof .col-sm-* (main content)-->

					</div>
				</div>
			</section>
@endsection




@section('script')
<script src="../js/joseadebag.js"></script>
@endsection