@section('content')
<div class="headbar questions">
	<div class="container">
		<h2>{{ $question->question }}</h2>	
		@include('partials.breadcrumbs')
	</div>
</div>

<div class="body questions">
	<div class="container">
		<div class="question-details row">
			<div class="col-xs-8">
				<div class="question">
					<div class="image">
						<img src="{{ Cauth::getAvatar($question->user) }}" alt="" class="avatar avatar-mideum" />
					</div>
					<div class="content">
						<div class="meta"><a href="{{ URL::to('user', $question->user->username) }}">{{ $question->user->username }}</a> asked {{ Date::ago($question->created_at) }} ago</div>
						<h4>{{ $question->question }}</h4>						
					</div>
					<div class="desc clearfix">{{ $question->description }}</div>
				</div>
				
				<div class="answers">
					<h3>ANSWERS ({{ $answers->count() }})</h3>
					@if($answers->count() > 0)
						@foreach($answers as $answer)
						<div class="item">
							<div class="image">
								<img src="{{ Cauth::getAvatar($answer->user) }}" alt="" class="avatar avatar-small" />
							</div>
							<div class="content">
								<div class="meta"><a href="{{ URL::to('user', $answer->user->username) }}">{{ $answer->user->username }}</a> answered {{ Date::ago($answer->created_at) }} ago</div>
								<p>{{ $answer->answer }}</p>						
							</div>
						</div>
						@endforeach
					@else	
						No answer yet. <a href="#answer">Answer it now.</a>
					@endif
				</div>
				
				<div class="answer-form">
					<h3>ANSWER TO THE QUESTION</h3>
					{{ Form::open($answer_action) }}
					{{ Form::hidden('question_id', $question->question_id) }}
					<div class="image">
						<img src="{{ Cauth::getAvatar() }}" alt="" class="avatar avatar-mideum" />
					</div>
					<div class="form">
						{{ Form::textarea('answer', null, array('class' => 'form-control', 'id' => 'input-answer', 'placeholder' => 'Your answer', 'required' => 'true')) }}
						<button type="submit" class="btn btn-red btn-lg">Answer</button>
					</div>
					{{ Form::close() }}
				</div>
			</div>
			<div class="col-xs-4">
				
			</div>
		</div>
	</div>
</div>
@endsection

@section('scripts')
{{ HTML::script('/js/plugins/chosen.jquery.min.js') }}
{{ HTML::script('/js/questions.js') }}
@endsection