@extends('layouts.backend')
@section('content-header')
    <h1>
        {{ trans('backend.Pages') }}
    </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">
				
				<div class="row form-group ">
				    <div class="col-sm-3">
				    	<label>{{ trans('backend.fields.name') }} ({{trans('backend.ar')}})</label>
				    </div>
				    <div class="col-sm-9">
				    	{{$property->title}}
					</div>
				</div>
				<div class="row form-group ">
				    <div class="col-sm-3">
				    	<label>{{ trans('backend.fields.content') }} ({{trans('backend.ar')}})</label>
				    </div>
				    <div class="col-sm-9">
				    	{{$property->activity}}
					</div>
				</div>
				
				<div class="row form-group ">
				    <div class="col-sm-3">
				    	<label>{{ trans('backend.fields.active') }}</label>
				    </div>
				    <div class="col-sm-9">
				    	@if($property->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($property) && null !== $property->getMedia('images'))
					    		@foreach($property->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