@section('content')
<div class="headbar">
	<div class="container">
		<div class="row">
			<h2 class="col-xs-6" id="page-title">{{ $user->username }}'s Profile</h2>	
		</div>
	</div>
</div>
<div class="body">
	<div class="container">
		<div class="profile clearfix">
			<div class="menu pull-left">
				<ul class="nav nav-pills nav-stacked">
				  	<li class="active"><a href="{{ URL::to('profile') }}">Profile</a></li>
				  	<li><a href="{{ URL::to('my/questions') }}">Questions</a></li>
				  	<li><a href="{{ URL::to('my/answers') }}">Answers</a></li>
				  	<li><a href="{{ URL::to('my/favorites') }}">Favorites</a></li>
				</ul>
			
			</div>
			
			<div class="content pull-left">
				<div class="inner">
					<div class="block clearfix">
						<div class="profile-image pull-left">
							<img src="{{ Cauth::getAvatar() }}?{{ rand(4,9) }}" alt="" class="img-thumbnail" />
							<a href="{{ URL::action('SettingsController@getPicture') }}">Change</a>
						</div>
						<div class="details">
							<h4>{{ $user->fullname }} <span class="label label-default">Newbie</span>	 <a href="{{ URL::action('SettingsController@getUpdate') }}">Edit</a></h4>
							@if($user->location!='') <p class="location"><i class="fa fa-map-marker"></i> {{ $user->location }}</p> @endif
							@if($user->website!='') <p class="levle"><a href="{{ $user->website }}" rel="nofollow" target="_blank">{{ $user->website }}</a></p> @endif
							<p><a href="{{ URL::to('profile', $user->username) }}">View public profile</a></p>
						</div>
					</div>
					@if($user->about!='')
					<div class="block">
						<h4>About me <a href="{{ URL::action('SettingsController@getUpdate') }}">Edit</a></h4>
						<p>{{ $user->about }}</p>
					</div>
					@endif
					<div class="block questions-content">
						<h4>My Latest Questions @if($questions->count() > 5)<a href="{{ URL::action('SettingsController@getUpdate') }}">View all</a>@endif</h4>
						@if(!$questions->isEmpty())
							@foreach($questions as $question)
							<div class="item">
								<a href="{{ Link::to('question', $question->question_id) }}">
									<span class="meta"><em>Asked</em> {{ Date::ago($question->created_at) }} <em>ago</em> with {{ $question->answers()->count() }} answer(s).</span>
									<strong>{{ $question->question }}</strong><br />
									<small>{{ $question->description}}</small>
								</a>
							</div>
							@endforeach
						@else
						<p>No items yet.</p>
						@endif
					</div>
					<div class="block questions-content">
						<h4>My Latest Answers @if($answers->count() > 5)<a href="{{ URL::action('ProfileController@getSettings') }}">View all</a>@endif</h4>
						@if( !$answers->isEmpty() )
							@foreach($answers as $answer)
							<div class="item">
								<a href="{{ Link::to('question', $answer->question->question_id) }}#{{ $answer->answer_id }}">
									<span class="meta"><em>Answered</em> {{ Date::ago($answer->created_at) }} <em>ago</em></span>
									<strong>Question:</strong> {{ $answer->question->question }}<br />
									<strong>Answer:</strong> {{ $answer->answer }}
								</a>
							</div>
							@endforeach
						@else
						<p>No items yet.</p>
						@endif
					</div>
				</div>	
			</div>
			
			<div class="sidebar pull-left">
				<div class="inner">
					<div class="buttons">
						<a href="{{ URL::action('QuestionsController@getAsk') }}" class="btn btn-red"><i class="fa fa-plus"></i> Ask a Question</a>
					</div>
					<hr />
					<ul class="stat-menu clearfix">
  						<li>
  							<strong>Questions</strong>
  							<b class="fa fa-question-circle"></b><br />
  							<span>{{ $questions->count() }}</span>
  						</li>
  						<li>
  							<strong>Answers</strong>
  							<b class="fa fa-comments"></b><br />
  							<span>{{ $answers->count() }}</span>
  						</li>
  						<li>
  							<strong>Favorites</strong>
  							<b class="fa fa-star"></b><br />
  							<span>0</span>
  						</li>
					</ul>
					<hr />
					<p class="text-muted">Lorem ipsum dol amet..</p>
					<hr />
					<div class="text-center">
						<img src="http://placehold.it/200x150" alt="" />
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection