{!! Form::open(array('url'=>'core/forms/reorder?id='.$row->formID, 'id'=>'formconfiguration')) !!}
<button type="button" onclick="SximoModal('{{ url("core/forms/input?id=".$row->formID) }}','New Input')" class="btn  btn-success btn-sm" ><i class="fa fa-plus"></i> New Input </button> 
<button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-save"></i> Save Order List </button>
<button class="btn btn-primary btn-sm" type="button" id="submitRbld"><i class="fa fa-spinner"></i>  Generate Form  </button>
<br /><br />
<div class="ajaxLoading"></div>

<div id="formList" style="background: #fff; padding: 20px; border: solid 1px #ddd;">

 
 </div>



{!! Form::close() !!}



 <style type="text/css">
 #formConfig a { font-size: 10px; padding: 2px 5px; background: #f9f9f9; border:solid 1px #eee; color: #888 }

 </style>
 <script type="text/javascript">
 	$(document).ready(function(){


	//	$( "#formList" ).sortable(function(){ alert('test')});

		var fixHelperModified = function(e, tr) {
			var $originals = tr.children();
			var $helper = tr.clone();
			$helper.children().each(function(index) {
				$(this).width($originals.eq(index).width())
			});
			return $helper;
			},
			updateIndex = function(e, ui) {
				$('td.index', ui.item.parent()).each(function (i) {
					$(this).html(i + 1);
				});
				$('.reorder', ui.item.parent()).each(function (i) {
					$(this).val(i + 1);
					//alert(i + 1);
				});			
			};
			
		$("#formList").sortable({
			helper: fixHelperModified,
			stop: updateIndex
		});	


		var form = $('#formconfiguration'); 
		form.parsley();
		form.submit(function(){
			
			if(form.parsley().isValid()){			
				var options = { 
					dataType:      'json', 
					beforeSubmit :  function() { 
						$('.ajaxLoading').show(); 
						
					},
					success:       function showResponse(data)  {	
						$('.ajaxLoading').hide();
						$.get( '