<div >
<form id="{{$pageModule}}Search">
<table class="table search-table table-hover" id="advance-search">
	<tbody>
@foreach ($tableForm as $t)
{{-- @dump($t) --}}
	@if($t['search'] =='1' && $t['type'] != 'image' &&  $t['field'] != 'updated_at')
		<tr id="{{ $t['field'] }}" class="fieldsearch">
			@if(isset($t['option']['is_ajax']) && $t['option']['is_ajax'] == 1 && substr( strtolower($t['label']), -3 ) !== ' id' && substr( strtolower($t['field']), -3 ) === '_id')
                @php
                $t['label'] = $t['label'].' ID';
                @endphp
            @endif
			<td>{!! SiteHelpers::activeLang($t['label'],(isset($t['language'])? $t['language'] : array())) !!} </td>
			<td >
			<select id="{{ $t['field']}}_operate" class="form-control input-sm oper" name="operate" onchange="changeOperate(this.value , '{{ $t['field']}}')">
				<option value="equal"> = </option>
				<option value="not_equal"> != </option>
				<option value="bigger_equal"> >= </option>
				<option value="smaller_equal"> <= </option>
				<option value="smaller"> < </option>
				<option value="bigger"> > </option>
				<option value="not_null"> ! Null  </option>
				<option value="is_null"> Null </option>
				<option value="between"> Between </option>
				<option value="like"> Like </option>

			</select>
			</td>
			<td id="field_{{ $t['field']}}">{!! SiteHelpers::transForm($t['field'] , $tableForm) !!}</td>

		</tr>

	@endif
@endforeach
	</tbody>
	</table>
</form>
<div class="text-center">
<button type="button" name="search" class="doSearch btn btn-sm btn-primary"> Search </button>
</div>
</div>
<script>

	function changeOperate(val, field) {
		if (val == 'between') {
			if ($('#field_' + field + ' input').hasClass('date')) {
				html = '<input name="' + field + '" class="date form-control input-sm" placeholder="Start Date"  /> <span class="endInput' + field + '">-  <input name="' + field + '_end" class="date form-control input-sm"  placeholder="End Date"    /></span>';
				$('#field_' + field + '').html(html);
			} else {
				html = '<input name="' + field + '" class="form-control input-sm" placeholder="Start" /> <span class="endInput' + field + '">-  <input name="' + field + '_end" class="form-control input-sm"  placeholder="End" /></span>';
				$('#field_' + field + '').html(html);
			}
		} else {
			var $inputField = $('input[name=' + field + ']');
			if (val == 'is_null') {
				$inputField.attr('readonly', '1').val('is_null');
			} else if (val == 'not_null') {
				$inputField.attr('readonly', '1').val('not_null');
			} else {
				$inputField.removeAttr('readonly').attr('placeholder', '').val('');
			}
			$('.endInput' + field).remove();
		}
		$('.date').datepicker({format: 'yyyy-mm-dd', autoClose: true});
	}
jQuery(function(){
		$('.date').datepicker({format:'yyyy-mm-dd',autoClose:true})
		//$('.datetime').datetimepicker({format: 'yyyy-mm-dd hh:ii:ss'});
		//$(".sel-search").select2({ width:"98%"});


	$('.doSearch').click(function(){
		//alert('test');
		var attr = '';
		$('#advance-search tr.fieldsearch').each(function(i){
			var field = $(this).attr('id');
			var operate = $(this).find('#'+field+'_operate').val();
			var value_select  = $(this).find("select[name="+field+"] option:selected").val();
			if( typeof value_select !=='undefined' )
			{
				value  = value_select;
				console.log('select',value);
			} else {
				let inputField = $(this).find("input[name="+field+"]");
				if (!inputField.is(':checkbox') && !inputField.is(':radio')){
					value  = inputField.val();
				}
				if (inputField.is(':checkbox') && inputField.is(':checked')){
					value  = $(this).find("input[name="+field+"]:checked").val();
				}
				if (inputField.is(':radio') && inputField.is(':checked')){

					value  = $(this).find("input[name="+field+"]:checked").val();
				}
			}

			if(value !=='' && typeof value !=='undefined' && this.name !='_token')
			{

				if(operate =='between')
				{
					var value  = $(this).find("input[name="+field+"]").val();
					var value2  = $(this).find("input[name="+field+"_end]").val();
					attr += field+':'+operate+':'+value+':'+value2+'|';
				} else {
					attr += field+':'+operate+':'+value+'|';
				}
			}

		});
		<?php if($searchMode =='ajax') { ?>
			reloadData( '#{{ $pageModule }}',"{{ $pageUrl }}/data?search="+encodeURIComponent(attr));
			$('#central-modal').modal('hide');
		<?php } else { ?>
			window.location.href = '{{ $pageUrl }}?search='+encodeURIComponent(attr);
		<?php } ?>
	});
});

</script>
