@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><a href="{{ URL::to('profile') }}">Profile</a></li>
				  	<li><a href="{{ URL::to('my/questions') }}">Questions</a></li>
				  	<li class="active"><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 questions-content">
						<h4>My Answers</h4>
						@if(@answers)
							@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
							<div class="pagination">{{ $answers->links() }}</div>
						@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-green"><i class="glyphicon glyphicon-plus"></i> Ask a Question</a>
					</div>
					<hr />
					<ul class="stat-menu clearfix">
  						<li>
  							<strong>Questions</strong>
  							<b class="glyphicon glyphicon-question-sign"></b><br />
  							<span>{{ $questions->count() }}</span>
  						</li>
  						<li>
  							<strong>Answers</strong>
  							<b class="glyphicon glyphicon-comment"></b><br />
  							<span>{{ $answers->count() }}</span>
  						</li>
  						<li>
  							<strong>Favorites</strong>
  							<b class="glyphicon glyphicon-heart-empty"></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