@extends('layouts.app')

@section('content')
<div class="page-header"><h2>  {{ $pageTitle }} <small>Configuration</small> </h2></div>


<div class="card">
	<div class="card-body">
 @include('sximo.module.tab',array('active'=>'form','type'=>  $type ))

<ul class="nav nav-tabs" style="margin-bottom:10px;">
  	<li class="nav-item" ><a class="nav-link active" href="{{ URL::to('sximo/module/form/'.$module_name)}}">Form Configuration </a></li>
  	<li class="nav-item" ><a class="nav-link" href="{{ URL::to('sximo/module/subform/'.$module_name)}}">Sub Form </a></li> 
	<li class="nav-item"><a class="nav-link" href="{{ URL::to('sximo/module/formdesign/'.$module_name)}}">Form Layout</a></li> 
	
</ul>
 <div class="infobox infobox-danger ">
  <button type="button" class="close" data-dismiss="alert"> x </button>  
  <p> <strong>Note !</strong> Your primary key must be <strong>show</strong> and in <strong>hidden</strong> type   <br />
  	All Validatios rule are from laravel rule <a href="https://laravel.com/docs/6.x/validation#available-validation-rules" target="_blank"> Availabe rules </a>
  </p>	
</div>	

 {!! Form::open(array('url'=>'sximo/module/saveform/'.$module_name, 'class'=>'form-horizontal form-material','id'=>'fForm')) !!}
 <div class="table-responsive">
		<table class="table " id="table">
		<thead class="no-border">
          <tr >
            <th scope="col">No</th>
            <th scope="col">Field</th>
            <th scope="col" width="70"> Limit</th>
            <th scope="col" data-hide="phone">Title / Caption </th>

			<th scope="col" data-hide="phone">Type </th>
            <th scope="col" data-hide="phone">Show</th>
            
            <th scope="col" data-hide="phone">Searchable</th>
			<th scope="col" data-hide="phone">Validation</th>
            <th scope="col">&nbsp;</th>
          </tr>
		  </thead>
		  <tbody class="no-border-x no-border-y">	
		  		  		  </tbody>
        </table>
		</div>

	
		
		<button type="submit" class="btn btn-primary"> Save Changes </button>
		<input type="hidden" name="module_id" value="{{ $row->module_id }}" />
 {!! Form::close() !!}		


			</div>
		</div>
	</div>
</div>

<script>
$(document).ready(function() {
	
	$('.expand-row').hide();
	$('.btn-sm').click(function(){
		var id = $(this).attr('rel');
		$('.expand-row').hide();
		$(id).slideDown(100);
		
	});
	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);
			});			
		};
		
	$("#table tbody").sortable({
		helper: fixHelperModified,
		stop: updateIndex
	});		
});


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