@extends('layouts.backend',['page_title'=>'Create news'])
@section('content-header')
    <h1>
        {{ trans('backend.newsCategory') }}
    </h1>
@stop

@section('content')
<div class="row">
	<div class="col-xs-12">
		<div class="box">
			<div class="box-header with-border">
	            <h1 class="box-title">{{ trans('backend.show_form') }}</h1>
	        </div>
			<!-- /.box-header -->
			<div class="box-body">
				@foreach(config('laravel-translatable.languages') as $language=>$name)
				<div class="row form-group ">
				    <div class="col-sm-3">
				    	<label>{{ trans('backend.fields.title') }} ({{trans('backend.'.$name)}})</label>
				    </div>
				    <div class="col-sm-9">
				    	{{$page->getTranslation('name',$language)}}
					</div>
				</div>
				@endforeach
				@foreach(config('laravel-translatable.languages') as $language=>$name)
				<div class="row form-group ">
				    <div class="col-sm-3">
				    	<label>{{ trans('backend.fields.content') }} ({{trans('backend.'.$name)}})</label>
				    </div>
				    <div class="col-sm-9">
				    	{{$page->getTranslation('description',$language)}}
					</div>
				</div>
				@endforeach
				

				
				<div class="row form-group ">
				    <div class="col-sm-3">
				    	<label>{{ trans('backend.fields.status') }}</label>
				    </div>
				    <div class="col-sm-9">
				    	@if($page->status)
							<div class='badge bg-green'>{{ trans('backend.Active') }}</div>
						@else
							<div class='badge bg-red'>{{ trans('backend.Not Active') }}</div>
						@endif
					</div>
				</div>
				<div class="form-group">
				
				    <label>{{ trans('backend.fields.Images') }} </label>
				    
					<div class="imagesBlock row">
					    <ul>
					        @if(isset($page) && null !== $page->getMedia('images'))
					    		@foreach($page->getMedia('images') as $media)
					            <li class="col-md-3">
					            	<div>
					        			<img src="{{ $media->getUrl() }}"  alt="Image">
					    			</div>
								</li>
					            @endforeach
					        @endif
					    </ul>
					</div>
				</div>
			</div>
			<!-- form -->
		</div>
		<!-- forms div -->
	</div>
</div>
@stop