@section('content')
<div class="map-search">
	<div class="map">
		<div id="map-container"></div>
	</div>
	<div class="content">		
		<div class="neighborhoods">
			<h1>New York City Neighborhoods</h1>
		
			<p class="description">Please click on the pictures of the neighborhoods that you are interested in and you will be able to get demographics, review pics, events and apartments and get a good sense of the vibe of the neighborhood you selected.</p>
			<div class="list row">
				@if($neighborhoods)
					@foreach($neighborhoods as $i => $neighborhood)
					<div class="col-xlg-4 col-lg-6 col-md-6">
						<a href="{{ URL::action('NeighborhoodsController@getView', array($neighborhood['alias'])) }}" class="thumbnail" data-neighborhood="{{ $i }}">
							@if(!empty($neighborhood['cover']))
							<img src="{{ Image::url($neighborhood['cover']['file_name'], $neighborhood['cover']['file_path'], 'gallery') }}" alt="" />
							@else
							<img src="{{ Image::url('nopic.png', 'galleries', 'gallery') }}" alt="" />
							@endif
							<span class="caption">
								<strong>{{ $neighborhood['name'] }} Living</strong>
								<p>{{ Str::limit(strip_tags($neighborhood['description']),70) }}</p>
							</span>					
						</a>
					</div>
					@endforeach 
				@endif
			</div>
		</div>
	</div>
</div>
@endsection

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