@extends('layouts.app')

@section('content')

  <div class="page-content row">
    <!-- Page header -->
    <div class="page-header">
      <div class="page-title">
        <h3> Form Editor: {{ $row->module_name }} <small> Edit Form Info </small></h3>
      </div>
      <ul class="breadcrumb">
        <li><a href="{{ URL::to('dashboard') }}"> Dashboard </a></li>
		<li><a href="{{ URL::to('bsetec/module') }}"> Module </a></li>
        <li class="active"> Form Editor </li>
      </ul>		  
	  
    </div>
	<div class="page-content-wrapper m-t"> 
	@include('bsetec.module.tab',array('active'=>'form'))


@if(Session::has('message'))
       {{ Session::get('message') }}
@endif


<ul class="nav nav-tabs" style="margin-bottom:10px;">
  	<li class="active" ><a href="{{ URL::to('bsetec/module/form/'.$module_name)}}">Form Configuration </a></li> 
	<li ><a href="{{ URL::to('bsetec/module/formdesign/'.$module_name)}}">Form Layout</a></li> 
</ul>
  
<div class="sbox">
	<div class="sbox-title"><h5> Form Grid  </h5></div>
	<div class="sbox-content">	
 {!! Form::open(array('url'=>'bsetec/module/saveform/'.$module_name, 'class'=>'form-horizontal')) !!}
 <div class="table-responsive">
		<table class="table table-striped table-bordered" id="table">
		<thead class="no-border">
          <tr >
            <th scope="col">No</th>
            <th scope="col">Field</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">Required</th>
            <th scope="col">&nbsp;</th>
          </tr>
		  </thead>
		  <tbody class="no-border-x no-border-y">	
		  		  		  </tbody>
        </table>
		</div>

 <div class="infobox infobox-danger fade in">
  <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   </p>	
</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>
<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>

@stop