@section('content')
<div class="headbar">
	<div class="container">
		<div class="row">
			<h2 class="col-xs-6" id="page-title">{{ $title }} <span>{{ $total }} results.</span></h2>
			
			<div class="pull-right col-xs-6 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 map">
	<div id="filter">
		<div class="filter">		
			<div id="view-mode" class="btn-group">
				@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>
	</div>
	<div id="search-map" class="fullmap">
	
	</div>
</div>
@endsection 


@section('scripts')
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
{{ HTML::script('/js/map/markermanager.js') }}
{{ HTML::script('/js/map/markerwithlabel.js') }} 
{{ HTML::script('/js/map/infobox.js') }} 
{{ HTML::script('/js/plugins/jquery.history.js') }}
{{ HTML::script('/js/maps.js') }} 

<script>	
	var total = {{ $total }};
	@if(!is_null($neighborhood))
	defaultSettings = {
		mapCenter: {lat: {{ $neighborhood->lat }}, lng: {{ $neighborhood->lng }} },
		mapZoom: 15,
		mapNeighborhood: {{ $neighborhood->neighborhood_id }},				
	};
	@endif
</script>

{{ HTML::script('/js/events.js') }}
@endsection