{{ HTML::script('bsetec/js/simpleclone.js') }}
<script>
	responOptData('');
	responeFormType('')	;	
$(document).ready(function(){
	$(".select2").select2({ width:"98%"});	

	 $('.database').hide(); $('.datalist').hide()	
			
	$("#lookup_table").jCombo("{{ URL::to($module.'/combotable') }}" , {
		selected_value : "" ,
		initial_text : ' Select Table',
		
	});

	$("#lookup_key").jCombo("{{ URL::to($module.'/combotablefield') }}?table=",
	{ selected_value : "", parent: "#lookup_table", initial_text : ' Primary Key' });

	
	
	
		$("#lookup_value1").jCombo("{{ URL::to($module.'/combotablefield') }}?table=",
		{ selected_value : "", parent: "#lookup_table",   initial_text : ' Display Text'}); 
		
		$("#lookup_value2").jCombo("{{ URL::to($module.'/combotablefield') }}?table=",
		{ selected_value : "", parent: "#lookup_table",   initial_text : ' Display Text'}); 
		
		$("#lookup_value3").jCombo("{{ URL::to($module.'/combotablefield') }}?table=",
		{ selected_value : "", parent: "#lookup_table",   initial_text : ' Display Text'}); 		
	
	$('a.addC').relCopy({});		

	
		
	});
	

	function responOptData( val) {
		//alert(val);
		if(val =='external') {
			$('#custom-value').attr('disabled','disabled');
			$('.ext').removeAttr('disabled','disabled');
			$('.database').show();$('.datalist').hide();
			
		} else {
			$('#custom-value').removeAttr('disabled');
			$('.ext').attr('disabled','disabled');	
			$('.database').hide();$('.datalist').show();
		}	
	}		
	
	function responeFormType(val)
	{

		if(val =='select' || val =='radio' || val =='checkbox') {
			$('.dataOpt').removeAttr('disabled','disabled');
			$('.ext').removeAttr('disabled','disabled');	
			$('#custom-value').removeAttr('disabled','disabled');
			$('.standart-form').show(); $('.file-upl').hide();
			$('.database').hide();$('.datalist').show();$('.file-upl').hide();
		
		} else if( val == 'file') {
			$('.standart-form').hide(); 
			$('.file-upl').show();	
			
		} else {

			$('.ext').attr('disabled','disabled');	
			$('#custom-value').attr('disabled','disabled');
			$('.dataOpt').attr('disabled','disabled');
			$('.standart-form').hide(); 
			$('.database').hide();$('.datalist').hide();$('.file-upl').hide();
		}
	
	}	
</script>

 {{ Form::open(array('url'=>$module.'/saveformfield/'.$module_name, 'class'=>'form-horizontal')) }}
<input type="hidden" name="alias" value="" />
<input type="hidden" name="field" value="" />	
<input type="hidden" name="label" value="" />	
<input type="hidden" name="form_group" value="" />	
<input type="hidden" name="sortlist" value="" />
<input type="hidden" name="view" value="" />
<input type="hidden" name="search" value="" />
<input type="hidden" name="required" value="" />
<div class="" style="padding:30px;">			
			
  <div class="form-group">
    <label for="ipt" class=" control-label col-md-4">Form Type </label>
	<div class="col-md-8">

		<select name="type" id="type" onchange="responeFormType(this.value)" class="form-control">
		 
		</select>
	  
	 </div> 
  </div>  
  
  <div class="form-group standart-form"  style="display:none;">
    <label for="ipt" class=" control-label col-md-4">Data Type </label>
	<div class="col-md-8">
		<label class="radio">
			<input type="radio" name="opt_type"  onclick="responOptData(this.value)"
						 class="dataOpt" value="datalist"/> Custom Value  
		</label>	
		<label class="radio">
			<input type="radio" name="opt_type" onclick="responOptData(this.value)"
						   class="dataOpt"  value="external"/> Database
		</label>	
	  
	 </div> 
  </div>    

  <div class="form-group standart-form datalist"  style="display:none;">
    <label for="ipt" class=" control-label col-md-4">Custom Value </label>
	<div class="col-md-8 ">
		<div class="row">
							<div class="clonedInput clone" style="clear:both; margin-bottom:5px;" >
				<div class="col-sm-4">
				<input type="text" name="custom_field_val[]"  class="form-control input-sm col-xs-5" style="width:100px;" 
				placeholder="Value"  value="" />
				</div>
					<div class="col-sm-4">
				<input type="text" name="custom_field_display[]" class="form-control input-sm col-xs-5" style="width:100px;"
				placeholder="Display Name"  value=""/>
				</div>
				
				<a onclick="$(this).parent().fadeIn(function(){ $(this).remove() }); return false" href="#" class="remove btn btn-xs btn-danger">-</a>			
			</div>			
							<a href="javascript:void(0);" class="addC btn btn-xs btn-info" rel=".clone">+</a>	
		</div>
		
  
  		<label class="checkbox" >
		<input type="checkbox" name="is_multiple" class="ext" value="1"   /> Allow Multiple
		</label>		
	 </div> 
	 
  </div>    

  
  
  <div class="form-group standart-form database" style="display:none;">
    <label for="ipt" class=" control-label col-md-4">DataBase Select</label>
	<div class="col-md-8">
		<label class="checkbox">
		<select name="lookup_table" id="lookup_table"  class="ext form-control" style="width:100%;">
			<option value=""> -- Select Table -- </option>
				</select>	
		</label>
		<label class="checkbox">
		<select name="lookup_key" id="lookup_key"  class="ext form-control" style="width:100%;"></select>
		</label>
		<label class="checkbox">
			Display #1 : 
			<select name="lookup_value[]"  class="ext " id="lookup_value1"  
			style="width:50%; padding:5px; border:solid 1px #ddd; "></select> <br />
			Display #2 : 
			<select name="lookup_value[]"  class="ext " id="lookup_value2"  
			style="width:50%;  padding:5px; border:solid 1px #ddd;"></select> <br />
			Display #3 : 
			<select name="lookup_value[]"  class="ext " id="lookup_value3"  
			style="width:50%;  padding:5px; border:solid 1px #ddd;"></select> <br />
			
		</label>


		<label class="checkbox">
		<input type="checkbox" name="is_dependency" class="ext" value="1"  /> Parent Filter  </label>
		<label class="checkbox">				
		<input name="lookup_dependency_key" type="text" class="ext form-control" id="lookup_key" style=" border-bottom: solid 1px #ddd;"  
		value=""	placeholder='Lookup Filter Key' />
		</label>		
		
 
	 </div> 
  </div>  

  <div class="form-group standart-form file-upl"  style="display:none;">
    <label for="ipt" class=" control-label col-md-4"> Upload File </code></label>
	<div class="col-md-8">
		<input name="path_to_upload" type="text" id="path_to_upload" class="form-control" value="" placeholder="File Location ( ex : /uploads/images/ )"/>
		<hr />
		<b>File Type ? : </b> <br />
		<label class="radio"> 
			<input type="radio" name="upload_type" value="file"
						/>  
			File 
		</label>
		<label class="radio"> 
			<input type="radio" name="upload_type" value="image" 
						 />  
			Image / Picture  
		</label>
		
		<div class="imgResize form-inline">
			<hr />
			 <b>Resize Image to ? : </b> <br />
			Width : 
			<input name="resize_width" type="text" id="resize_width" class="form-control input-sm" style=" width:55px"
			value=""
			 />
			Height : 
			<input name="resize_height" type="text" id="resize_height" class="form-control input-sm" style=" width:55px"
			value="" />
			<hr />
			 <b>  Multiple Upload File ? : </b> <br />
			<label class="checkbox"> 
				<input type="checkbox" name="is_multiple" value="1" 
								 />  Allow 
			</label>
		</div>
				
	 </div> 
  </div>   
   

  <div class="form-group" style="display:none;">
    <label for="ipt" class=" control-label col-md-4">Input Format ( Masking ) </label>
	<div class="col-md-8">
		<select name="format" class="form-control input-sm">
							<option value="text">None</option>
							<option value="phone">Int Phone </option>
							<option value="currency">USD Currency</option>
							<option value="percent">Percent</option>
					</select>	  
	 </div> 
  </div>  
  
  <div class="form-group" >
    <label for="ipt" class=" control-label col-md-4">Tooltip </label>
	<div class="col-md-8">
		<input name="tooltip" type="text" id="tooltip" class="form-control input-sm" value=""/>  
	 </div> 
  </div>  
  <div class="form-group" style="display:none;">
    <label for="ipt" class=" control-label col-md-4">Additional Class </label>
	<div class="col-md-8">
		<input name="extend_class" type="text" id="extend_class" class="form-control input-sm" value=""/>
	 </div> 
  </div>   
  
  <div class="form-group " style="display:none;">
    <label for="ipt" class=" control-label col-md-4">Html Attribute</label>
	<div class="col-md-8">
		<textarea name="attribute" id="attribute" class="form-control input-sm"></textarea>
	 </div> 
  </div>  
  
  <div class="form-group">
    <label for="ipt" class=" control-label col-md-4"></label>
	<div class="col-md-8">
				<button type="submit" class="btn btn-primary"> Save Changes </button>
		<input type="hidden" name="module_id" value="" />
	 </div> 
  </div> 
    
	</div>    
 {{ Form::close() }}