@extends('dashboard')
@section('title','Mover Imagenes')
@section('content')
<div class="row">
	<div class="col-md-2"></div>
	<div class="col-md-8">
		<div class="row">	
			<div class="col-md-2"></div>
			<div class="col-md-4 connectedSortable" id="padding-item-drop">
				 @if(!empty($panddingItem) && $panddingItem->count())
                    @foreach($panddingItem as $key => $value)
						<img class="img-rounded img_imagenes" item-id="{{ $value->id }}" src="{{ asset($value->title) }}" >	
				 	@endforeach
                  @endif
			</div>
			<div class="col-md-4 connectedSortable" id="complete-item-drop">
				@if(!empty($completeItem) && $completeItem->count())
                    @foreach($completeItem as $key => $value)
						<img class="img-rounded img_imagenes" item-id="{{ $value->id }}" src="{{ asset($value->title) }}">
					@endforeach
                @endif	
			</div>
			<div class="col-md-2"></div>
		</div>
		<!--<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-4">
				<img class="img-rounded img_imagenes" src="{{ asset('images/Asset 18.png') }}">	
			</div>
			<div class="col-md-4">
				<img class="img-rounded img_imagenes" src="{{ asset('images/Asset 19.png') }}">
			</div>
			<div class="col-md-2"></div>	
		</div>
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-4">
				<img class="img-rounded img_imagenes" src="{{ asset('images/Asset 20.png') }}">	
			</div>
			<div class="col-md-4">
				<img class="img-rounded img_imagenes" src="{{ asset('images/Asset 21.png') }}">
			</div>
			<div class="col-md-2"></div>	
		</div>-->
	</div>
	<div class="col-md-2"></div>
</div>
<!--<ul id="sortable">
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default mov"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>-->

@endsection