@extends('layouts.backend',['page_title'=>'view page'])
@section('content-header')
    <h1>
        {{ trans('backend.zones') }}
    </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">
				    	{{$zone->title}}
					</div>
				</div>
				
				
			</div>

			<div class="form-group">

				<label>{{ trans('backend.fields.Logo') }} </label>

				<div class="imagesBlock row">
					<ul>
						@if(isset($zone) && null !== $zone->getMedia('images'))
							@foreach($zone->getMedia('images') as $media)
								<li class="col-md-3">
									<div>
										<img src="{{ $media->getUrl() }}"  alt="Image">
									</div>
								</li>
							@endforeach
						@endif
					</ul>
				</div>
			</div>

			<!-- form -->
		</div>
		<!-- forms div -->
	</div>
</div>
@stop