@section('content')
<div id="cover" class="jumbotron" style="background-image: url('/uploads/galleries/{{ $neighborhood->neighborhood_id }}/cover.jpg')">
	<div class="heading">
		<div class="container">
			<h1>{{ $neighborhood->tagline }}</h1>
		</div>
	</div>
	<div class="description">
	
	</div>
</div>

<div class="neighborhoods">

	<div class="container">
		<div class="row">
			<div class="col-xs-2">
				<h2>{{ $neighborhood->name }}</h2>
			</div>
			<div class="col-xs-10">
				<p>{{ $neighborhood->description }}</p>
				
				<div class="buttons">
					<a href="{{ URL::to('events', array($neighborhood->alias)) }}" class="btn btn-green">{{ $neighborhood->name }} Events</a>
					<a href="{{ URL::to('rentals', array($neighborhood->alias)) }}" class="btn btn-blue">{{ $neighborhood->name }} Rentals</a>
					<a href="{{ URL::to('questions', array($neighborhood->alias)) }}" class="btn btn-red">{{ $neighborhood->name }} Q&amp;A</a>
				</div>
			</div>
			
		</div>
	</div>	
	<div class="demographics">
		<div class="container">
			<h3>Demographics</h3>
			
			<div class="statistics">
				<div class="clearfix item">
					<i class="icons income"></i>
					<h4>Median Household Income <b>${{ number_format($neighborhood->income) }}</b></h4>					
				</div>
				<div class="item inline odd">
					<i class="icons male"></i>
					<h4>Single Males <b>{{ $neighborhood->males }}%</b></h4>					
				</div>
				<div class="item inline">
					<i class="icons female"></i>
					<h4>Single Females <b>{{ $neighborhood->females }}%</b></h4>					
				</div>
				<div class="clearfix"></div>
				<div class="item inline odd">
					<i class="icons male"></i>
					<h4>Single Males <b>{{ $neighborhood->males }}%</b></h4>					
				</div>
				<div class="item inline">
					<i class="icons female"></i>
					<h4>Single Females <b>{{ $neighborhood->females }}%</b></h4>					
				</div>
				<div class="clearfix"></div>
				<div class="item inline odd">
					<i class="icons school"></i>
					<h4>College Students <b>{{ $neighborhood->students }}%</b></h4>					
				</div>
				<div class="item inline">
					<i class="icons safety"></i>
					<h4>Safety <b>{{ $neighborhood->safety }}/10</b></h4>					
				</div>
				<div class="clearfix"></div>
				
				<div class="rate clearfix">
					<h4 class="pull-left">Rental Rates</h4>
					<div class="scale">
						<div class="progress progress-striped">
		  					<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{ $rent_percent }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $rent_percent }}%">
		    					<span class="sr-only">{{ $rent_percent }}% Complete (success)</span>
		  					</div>
						</div>
						<div class="scale-left pull-left"><div class="horline"></div> ${{ number_format($rent_min_price) }}</div>
						<div class="scale-current" style="left: {{ $rent_percent }}%"><div class="horline"></div> <div class="text">${{ number_format($neighborhood->rental) }}</div></div>
						<div class="scale-right pull-right"><div class="horline"></div> ${{ number_format($rent_max_price) }}</div>
					</div>
				</div>
				
				<div class="rate clearfix">
					<h4 class="pull-left">Event Tickets</h4>
					<div class="scale">
						<div class="progress progress-striped">
		  					<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{ $ticket_percent }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $ticket_percent }}%">
		    					<span class="sr-only">{{ $ticket_percent }}% Complete (success)</span>
		  					</div>
						</div>
						<div class="scale-left pull-left"><div class="horline"></div> ${{ number_format($ticket_min_price) }}</div>
						<div class="scale-current" style="left: {{ $ticket_percent }}%"><div class="horline"></div> <div class="text">${{ number_format($neighborhood->events) }}</div></div>
						<div class="scale-right pull-right"><div class="horline"></div> ${{ number_format($ticket_max_price) }}</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>	
		
	<div class="vibes">
		<div class="container">
			<h3>Vibes</h3>
			
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus varius faucibus. Aenean suscipit faucibus tellus, eu ornare turpis iaculis posuere. Fusce fringilla dapibus risus, sed volutpat ligula auctor quis. Vivamus laoreet molestie enim non tincidunt. Mauris nec cursus odio.</p>
			
			<div class="vibes-content">
				@foreach($vibes as $vibe)
				<div class="item scale">
					<div class="heading">{{ $vibe->name }}</div>
					<div class="progress">
	  					<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{{ $vibe->percent }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ $vibe->percent }}%">
	    					<span class="sr-only">{{ $vibe->percent }}% Complete (success)</span>
	  					</div>
					</div>
					<div class="scale-current" style="left: {{ $vibe->percent-1 }}%"><div class="text">{{ $vibe->percent }}%</div></div>
				</div>
				@endforeach
				<div class="item all"><a href="javascript:;" data-href="{{ URL::to('vibes/view', $neighborhood->neighborhood_id)}}" class="btn btn-blue popup">View all {{ $neighborhood->name }} Vibes</a></div>
			</div>
			
			<a href="javascript:;" data-href="{{ URL::to('vibes/vote', $neighborhood->neighborhood_id) }}" class="btn btn-green btn-lg popup">VOTE NOW</a>
		</div>		
	</div>
		
	<div class="galleries">
		<div class="container">
			<h3>Photo Gallery</h3>
			
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tempus varius faucibus. Aenean suscipit faucibus tellus, eu ornare turpis iaculis posuere. Fusce fringilla dapibus risus, sed volutpat ligula auctor quis. Vivamus laoreet molestie enim non tincidunt. Mauris nec cursus odio.</p>
		</div>
		
		<div class="gallery" id="gallery">
			@if($gallery)
			<div class="inner row">
				@foreach($gallery as $row)
				<div class="item col-xs-2">
					<a href="{{ Image::url($row->file_name, $row->file_path) }}" rel="gallery" title="{{ $row->title }}">
						<img src="{{ Image::url($row->file_name, $row->file_path, 'gallery') }}" alt="" />
						<span style="display:none;"><strong>{{ $row->title }}</strong></span>
					</a>
				</div>
				@endforeach
			</div>
			@else
			<strong>There are no gallery yet. Please check back later.</strong>
			@endif
		</div>
	</div>
</div>

@endsection