@include('includes.form_style')
<div id="" class="col-md-12">
	<form class="page-search-form" role="search" action="{{ route('search-document', $type) }}" method="POST">
		@csrf
		<div id="" class="row">
			<div id="" class="col-md">
				<div class="input-search input-search-dark">
					<i class="input-search-icon wb-search" aria-hidden="true"></i>
					<input type="search" class="form-control" id="inputSearch" name="search" placeholder="{{ __('Search Documents') }}" value='{{ isset($search_val["search"]) ? $search_val["search"] :"" }}'>
				</div>
			</div>
			
			<div id="" class="col-md">
				<div class="input-search input-search-dark">
					<i class="input-search-icon fa fa-calendar" aria-hidden="true"></i>
					<input type="text" class="form-control" id="regdate" name="reg_date" placeholder="{{ __('Registration Date') }}" value='{{ isset($search_val["reg_date"]) ? $search_val["reg_date"] :"" }}' autocomplete="off" readonly>
				</div>
			</div>
			<div class="form-group com-md">
				@php
					$search_val['status'] = $search_val['status'] ?? '0';
				@endphp
				<select name="status" id="status_id" class="form-control input-search-dark" placeholder="{{__('Status')}}">
					<option value="0" selected>{{__('All')}}</option>
					<option value="1" {{($search_val['status']==1)?'selected':''}}>{{__('Complete')}}</option>
					<option value="2" {{($search_val['status']==2)?'selected':''}}>{{__('In Progress')}}</option>
				</select>
			</div>
			<div id="" class="col-md">
				<div class="input-search input-search-dark">
					<select class="form-control" data-plugin="select2" name="creator" id="creator" style="width:100%"  placeholder="{{ __('Creator') }}">
						<option value = "0">{{ __('Creator') }}</option>
						@if($users)
							@foreach($users->where('department_id', '0') as $user)
							<option value = "{{ $user->id }}"  {{ isset($search_val["creator"]) && $search_val["creator"]==$user->id ? 'Selected="Selected"' :'' }}>{{ $user->first_name }} {{ $user->last_name }} - ({{ dataTranslation($user->role_name) }})</option>
							@endforeach
						@endif
						@if($departments)
							@foreach($departments as $department)
								@foreach($users->where('department_id', $department->id) as $user)
								<option value = "{{ $user->id }}" {{ isset($search_val["creator"]) && $search_val["creator"]==$user->id ? 'Selected="Selected"' :'' }}>{{ $user->first_name }} {{ $user->last_name }} - ({{ dataTranslation($user->role_name) }}, {{ dataTranslation($department->name).' Dep.' }})</option>
								@endforeach
							@endforeach
						@endif
					</select>
				</div>
			</div>
			<div class="col-md-1 form-group form-inline">
				<div class="btn-group">
					<button type="submit" id="searchButtonId" class="btn btn-info" style="width:100%" data-toggle="tooltip" title="{{ __('Search') }}"><i class="icon wb-search" aria-hidden="true"></i></button>&nbsp;
					<a href="#" id="cancelButtonId" data-toggle="tooltip" title="{{ __('Cancel') }}" style="margin-right: 2px;"><button type="button" class="btn btn-danger" style="width:100%" id="cancelbtn"><i class="icon wb-close" aria-hidden="true"></i></button></a>
				</div>
			</div>
		</div>
	</form>
</div>
@include('includes.form_script')
<script type="text/javascript">
	$(document).ready(function(){

		$("#regdate").daterangepicker({
			autoUpdateInput: false,
			locale: {
				cancelLabel: 'Arassala',
				applyLabel: 'Tassykla',
				format: 'DD-MM-YYYY'
			}
		});
		$('#regdate').on('apply.daterangepicker', function(ev, picker) {
  	    	$(this).val(picker.startDate.format('DD-MM-YYYY') + ' : ' + picker.endDate.format('DD-MM-YYYY'));
  		});

		$('#regdate').on('cancel.daterangepicker', function(ev, picker) {
			$(this).val('');
		});

		$('#cancelButtonId').click(function(){
			$('#inputSearch').val('');
			$('#regdate').val('');
			$('#status_id').val('0');
			$("#creator").val('0').trigger('change')
			$('#searchButtonId').click();
		});
	});
	$(function(){
		$(".add-form").validationEngine('attach',{scroll:false});
	})
</script>