@section('content')
<div class="body self">
	<div class="container">
		<div class="profile clearfix">
			<div class="menu pull-left">
				<ul class="nav nav-pills nav-stacked">
				  	<li {{ $active=='details'?'class="active"':'' }}><a href="{{ URL::to('profile', $user_profile->username) }}">Profile</a></li>
				  	@if(Cauth::isAgent($user_profile))
				  	<li {{ $active=='listings'?'class="active"':'' }}><a href="{{ URL::to('profile/'.$user_profile->username.'/listings') }}">Listings</a></li>	
				  	<li {{ $active=='reviews'?'class="active"':'' }}><a href="{{ URL::to('profile/'.$user_profile->username.'/reviews') }}">Reviews ({{ $broker->reviews->count() }})</a></li>
				  	@endif			  	
				</ul>
			
			</div>
			
			<div class="content pull-left">
				<div class="inner">
					<div class="block row">
						<div class="profile-image col-xs-4">
						@if(Cauth::isAgent($user_profile))
							<img src="{{ Image::url($broker->picture, '/brokers') }}" alt="" class="img-thumbnail" />
						@else
							<img src="{{ Cauth::getAvatar($user_profile) }}" alt="" class="img-thumbnail" />
						@endif
						</div>
						<div class="details col-xs-8">
							<h4>{{ $user_profile->fullname }} <span class="label label-info">Agent</span></h4>
							<div class="rating clearfix">
								<div class="pull-left"><div id="agent-rating" data-score="4" data-readonly="true"></div></div>
								@if(Cauth::isAgent($user_profile))<div class="pull-left">(<a href="{{ URL::to('profile/'.$user_profile->username.'/reviews') }}">{{ $broker->reviews->count() }} reivews</a>)</div>@endif
							</div>
							@if($user_profile->location!='') <p class="location"><i class="fa fa-map-marker"></i> {{ $user_profile->location }}</p> @endif
							
							<a href="#" class="btn btn-green btn-sm"><i class="fa fa-pencil-square-o"></i> Write a Review</a>
							
						</div>						
					</div>
					<div class="block info">						
					@if(isset($broker))
						@if($active=='details')	
							<p>
								Languages: {{ $broker->languages }}
							</p>
							@if($broker->business_since!='')
							<p>
								Experience: {{ (date('Y') - $broker->business_since) }} years in Real Estate
							</p>
							@endif
							<p>{{ $broker->bio }}</p>	
						@elseif($active=='listings')	
							<h4>Active Listings ({{ $listings->count() }})</h4>
							
							@if(! $listings->isEmpty())
							<div class="listings">
								@foreach($listings as $rental)
								<div class="item">
									<div class="image">
										<a href="{{ Link::to('rental', $rental->rental_id) }}">
										@if($rental->pictures->count()>0)					
											<img src="{{ Image::url($rental->pictures->last()->file, '/listings/'.$rental->rental_id, 'thumb') }}" alt="{{ $rental->title }}" />
										@else
											<img src="{{ Image::url('nopic.png', 'galleries', 'thumb') }}" alt="{{ $rental->title }}" />
										@endif
										</a>
									</div>
									<div class="address">
										<a href="{{ Link::to('rental', $rental->rental_id) }}">{{ $rental->address }}, {{ $rental->city }}, {{ $rental->state }} {{ $rental->zipcode }}</a> <br />											
										{{ $rental->bedroom() }}, {{ $rental->bathroom() }}
										<div class="price">${{ number_format($rental->price) }} month</div>										
									</div>
									
								</div>
								@endforeach
							</div>
							@else
								<p>No listings yet.</p>
							@endif
						@elseif($active=='reviews')	
							<h4>Reviews ({{ $reviews->count() }})</h4>
							@if(! $reviews->isEmpty())
							
							@else
								<p>No reviews yet.</p>
							@endif
						@endif				
					@endif
					</div>
				</div>
			</div>
			
			<div class="sidebar pull-left">
				<div class="inner">
					<div class="buttons">						
						<a href="#contact-block" class="btn btn-default popup-inline"><i class="fa fa-envelope"></i> Contact</a> 
						<a href="#" class="btn btn-default addthis_button_compact"><i class="fa fa-share"></i> Share</a>
					</div>
					
					<hr />
					<dl class="dl-horizontal">
						@if(isset($broker))					
						<h5>Contact Information</h5>	
				  		<dt>Brokerage:</dt>
				  		<dd>{{ $broker->brokerage->name }}<br />
				  			{{ $broker->brokerage->address }}, {{ $broker->brokerage->address2 }}<br />
				  			{{ $broker->brokerage->city }}, {{ $broker->brokerage->state }} {{ $broker->brokerage->zipcode }}
				  		</dd>
				  		<dt>Office Phone:</dt>
				  		<dd>{{ $broker->phone }}</dd>
				  		<dt>Cell Phone:</dt>
				  		<dd>{{ $broker->cell }}</dd>
				  		<dt>Website:</dt>
				  		<dd><a href="http://{{ $broker->brokerage->website }}" rel="nofollow" target="_blank">Website</a> <sup class="fa fa-external-link"></sup></dd>
				  		@if($broker->facebook!='')
				  		<dt>Facebook Page:</dt>
				  		<dd>{{ $broker->facebook }} <sup class="fa fa-external-link"></sup></dd>
				  		@endif
				  		@if($broker->linkedin!='')
				  		<dt>LinkedIn:</dt>
				  		<dd>{{ $broker->linkedin }} <sup class="fa fa-external-link"></sup></dd>	
				  		@endif			  		
						@endif
				  		<dt>Member since:</dt>
				  		<dd>{{ date('m/d/Y', strtotime($user_profile->created_at)) }}</dd>
					</dl>
					
					<hr />
					<div class="text-center">
						<img src="http://placehold.it/200x150" alt="" />
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

@include('contact.form');
@endsection


@section('scripts')
<script>
var addthis_config = {ui_click: true, services_compact: 'facebook, twitter, google_plusone_share, pinterest, linkedin', services_exclude: 'email, print'};
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-528ab01c4701adda"></script>
{{ HTML::script('/js/plugins/jquery.raty.min.js') }}
{{ HTML::script('/js/profile.js') }}    
@endsection