@section('content')
<div class="headbar">
	<div class="container">
		<div class="row">
			<h2 class="col-lg-3">ALL EVENTS <span>{{ $events->getTotal() }} results.</span></h2>
			
			<div class="pull-right col-lg-9 horizontal-form">
				<form method="get" id="events-search">
					<input type="hidden" name="view" value="{{ $active_view }}" />
					<label class="inline">
						Neighborhood: <br />
						<select id="input-neighborhood" class="form-control">
							<option value="">All</option>
							@foreach($neighborhoods as $row)
							<option value="{{ $row->alias }}" {{ $row->alias==$fields['neighborhood']?'selected="selected"':'' }}>{{ $row->name }}</option>
							@endforeach			
						</select>
					</label>
					<label class="inline">
						Date: <br />
						{{ Form::select('date', $dates, $fields['date'], array('class' => "form-control", 'id' => 'input-date')) }}					
					</label>
					<label class="inline">
						Category: <br />
						<select name="category" id="input-category" class="form-control">
							<option value="*">All</option>
							@foreach($categories as $row)
							<option value="{{ $row->slug }}" {{ $row->slug==$fields['category']?'selected="selected"':'' }}>{{ $row->name }}</option>
							@endforeach			
						</select>
					</label>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="body">
	<div class="container">
		<div class="filter row">
			<div id="view-mode" class="btn-group col-lg-4">
				@if($active_view=='list') 
				<a href="javascript:;" class="btn btn-green active"><i class="glyphicon glyphicon-list"></i> List View</a> <a href="?view=map&{{ http_build_query($form_fields) }}" class="btn btn-green"><i class="glyphicon glyphicon-globe"></i> Map View</a>	
				@else
				<a href="?view=list&{{ http_build_query($form_fields) }}" class="btn btn-green"><i class="glyphicon glyphicon-list"></i> List View</a> <a href="javascript:;" class="btn btn-green active"><i class="glyphicon glyphicon-globe"></i> Map View</a>
				@endif							
			</div> 
			{{--
			<div class="pull-right form-inline col-lg-3" style="text-align:right">
				<div class="form-group">Sort By: </div>	
				<div class="form-group">							
					<select name="sort" id="input-sort" class="form-control">
						<option value="popularity">Popularity</option>
						<option value="date">Date</option>
					</select>
				</div>
			</div> --}}
		</div>
	@if(! $events->isEmpty())
		<div class="events row">
			@foreach($events as $event)
			
			<div class="item col-lg-4">
				<div class="inner clearfix">
					<div class="image">
						<a href="{{ Link::to('event', $event->event_id) }}"><img src="{{ Image::link($event->cover_image) }}" alt="{{ $event->title }}" /></a>
					</div>
					<div class="content">					
						<h4><a href="{{ Link::to('event', $event->event_id) }}">{{ Str::limit($event->title, 40) }}</a></h4>
						<div class="date">{{ date('M j - g:i A', strtotime($event->start_time)) }}</div>
						<div class="desc">{{ Str::limit($event->place_name, 32) }}</div>
						<a href="{{ Link::to('event', $event->event_id) }}" class="btn btn-details">Details</a>
					</div>
				</div>
			</div>
			@endforeach			
		</div>
	{{ $events->appends($form_fields)->links() }}		
	@else
		No Events found.
	@endif
	</div>
</div>
@endsection

@section('scripts')
<script>
$(function(){
	$('#input-neighborhood, #input-date, #input-category').change(function(){
		$('#events-search').submit();
	});
});
</script> 
@endsection