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

<div class="container">

	@include('layout.direction')


		@if($article->gallery_id == null && count($attachment) ==0)
	<style type="text/css">

		@media only screen and (max-width: 1024px) {
			.sidebar .item{
				width: 100%!important;
			}
		}
		
	</style>
		@endif

	<div class="article">
		<div class="sidebar">
			<p style="background-color: #ffd800;" 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 class="item"><a href="/article/{{$article->article_id}}/pdf">PDF</a></p>
			@endif 

		</div>
		<div class="data-content">
			@if($article->cover != null)
			<div class="article-img">

				{{-- <img width="100%" height="100%" src="/storage/{{$article->cover}}"> --}}

			</div>
			@endif
			<div class="article-content-list">
				<div class="topic">
					{{$article->title}}
				</div>
				{!!$article->content!!}
			</div>




		</div>
	</div>
	@if($type =='CAHK STAR Awards')
	<a id="next" href='/starawards'>Back to {{$type}}</a> 
	@else
	<a id="next" href='/{{$type}}'>Back to {{$type}}</a> 
	@endif
</div>
@endsection