@extends('layout.home')
@section('content')

<script type="text/javascript">
	$(function($) {
		$("img.lazy").Lazy({effect : "fadeIn"});
	});
</script>

<div class="container">

	@include('layout.direction')
	<div class="topic">
		{{$article->title}}
	</div>


	<div class="article">
		<div class="sidebar">
			<p class="item"><a href="/article/{{$article->article_id}}">General</a></p>
			@if($article->gallery_id != null)
			<p class="item"><a href="/article/{{$article->article_id}}/gallery">Gallery</a></p>
			@endif 
			@if(count($attachment) !=0)
			<p style="background-color: #ffd800;" class="item"><a href="/article/{{$article->article_id}}/pdf">PDF</a></p>
			@endif 
		</div>
		<div class="data-content data-content-item ">	


			@foreach($attachment as $pdf)
			<div class="file">

				<a href="{{$pdf->file_path}}">{{$pdf->name}}</a>
			</div>
			@endforeach	
		</div>
	</div>
	<a id="next" href='/{{$type}}'>Back to {{$type}}</a>
</div>
@endsection