<div class="ibox">
	<div class="ibox-title">
		<div class="ibox-tools">
			<h5>Filters</h5>
			<a data-toggle="collapse" href="#collapseFilter" class="collapse-link"> <i class="icon icon-e-delete"></i></a>
		</div>
	</div>
	<div class="collapse in" id="collapseFilter">
		<div class="ibox-content">
			<form method="post" id="search-form" action="">
				{{ csrf_field() }}
				<div class="row">
					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Teqtivity Role</label>
							<select class="chosen-select" id="system_role" multiple name="system_role"
								data-placeholder="Select">
								@foreach(\App\Models\UserType::userRoles()->orderBy('name')->get() as $type)
								<option value="{{$type->id}}">{{$type->name}}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Search</label>
							<input type="text" class="form-control" name="searchText" id="searchUser"
								placeholder="Search by Name/Email/Title" autocomplete="off">
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Employee ID</label>
							<select class="filter-field-user form-control" multiple name="employee_id" id="employee_id" key="employee_id" data-placeholder="Select">

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

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">User Type</label>
							<select class="chosen-select" id="employee_type" multiple name="employee_type"
								data-placeholder="Select">
								@foreach(\App\Models\EmployeeType::orderBy('name')->where('slug', '!=','full_time')->get() as $type)
								<option value="{{$type->id}}">{{$type->name}}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
								<label class="control-label">User Type</label>
								<select class="chosen-select" id="employee_type" multiple name="employee_type"
								data-placeholder="Select">
								@foreach(\App\Models\EmployeeType::orderBy('name')->where('slug', '!=','full_time')->get() as $type)
								<option value="{{$type->id}}">{{$type->name}}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Have Assets</label>
							<select class="chosen-select" name="have_assets" id="have_assets" data-placeholder="Select">
								<option value="select">Select</option>
								<option value="1">Yes</option>
								<option value="2">No</option>
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight" id="countDiv">
						<div class="form-group">
							<label class="control-label">No of Assets</label>
							<input type="number" class="form-control" name="no_of_assets" id="no_of_assets"
								autocomplete="off" min="0" oninput="validity.valid||(value='');">
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Status</label>
							<select class="chosen-select" name="status" id="status" data-placeholder="Select">
								<option value="select">Select</option>
								<option value="1">Active</option>
								<option value="2">Terminated</option>
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Legal Hold</label>
							<select class="chosen-select" name="legalhold" id="legalhold" data-placeholder="Select">
								<option value="select">Select</option>
								<option value="1">Yes</option>
								<option value="2">No</option>
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Work Location</label>
							<select class="filter-field-location form-control" multiple name="work_location"
								id="work_location" key="city" data-placeholder="Select">
							</select>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Country</label>
							<select class="filter-field-country form-control" multiple name="country_id" id="country_id" data-placeholder="Select">
							</select>
						</div>
					</div>

					{{-- <div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Cell Phone Allowance</label>
							<select class="chosen-select" name="corp_phone" id="corp_phone" data-placeholder="Select">
								<option value="select">Select</option>
								<option value="0">On/Not Eligible</option>
								<option value="1">Off</option>
							</select>
						</div>
					</div> --}}

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Has Mobile Phone Assigned</label>
							<select class="chosen-select" name="has_mobile_phone_assigned" id="has_mobile_phone_assigned"
								data-placeholder="Select">
								<option value="select">Select</option>
								<option value="1">Yes</option>
								<option value="2">No</option>
							</select>
						</div>
					</div>
				</div>
				<div class="row">

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Start Date Range</label>
							<div class="form-group" id="">
								<div class="input-group date">
									<span class="input-group-addon"><i class="icon icon-calendar-2"></i></span><input
										type="text" name="date_from" class="form-control readonly-white" id="date_from" value=""
										placeholder="From" autocomplete="off" readonly>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">&nbsp;</label>
							<div class="form-group" id="">
								<div class="input-group date">
									<span class="input-group-addon"><i class="icon icon-calendar-2"></i></span><input
										type="text" class="form-control readonly-white" value="" placeholder="To" name="date_to"
										id="date_to" autocomplete="off" readonly>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">Termination Date Range</label>
							<div class="form-group" id="">
								<div class="input-group date">
									<span class="input-group-addon"><i class="icon icon-calendar-2"></i></span><input
									type="text" name="term_date_from" class="form-control readonly-white" id="term_date_from" placeholder="From" autocomplete="off"
									value="" readonly>
								</div>
							</div>
						</div>
					</div>
					
					<div class="col-md-3 divHeight">
						<div class="form-group">
							<label class="control-label">&nbsp;</label>
							<div class="form-group" id="">
								<div class="input-group date">
									<span class="input-group-addon"><i class="icon icon-calendar-2"></i></span><input
									type="text" name="term_date_to" class="form-control readonly-white" id="term_date_to" placeholder="To" autocomplete="off"
									value="" readonly>
								</div>
							</div>
						</div>
					</div>
				</div>

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