<div class="col-lg-12">
	<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">
							<div class="form-group">
								<label class="control-label">Serial #</label>
								<select class="filter-field-workspace-one form-control filter" multiple name="serial_no" id="serial_no" key="serial_no" data-placeholder="Select">
								</select>
							</div>	
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">Hardware Standard (Workspace ONE)</label>
								<select class="filter-field-workspace-one form-control filter" multiple name="model" key="model" id="model" data-placeholder="Select">
								</select>
							</div>
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">User (Workspace ONE)</label>
								<select class="filter-field-workspace-one form-control filter" multiple name="wokspace_one_user" id="wokspace_one_user" key="userName" data-placeholder="Select">
								</select>
							</div>	
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">User Status (Teqtivity)</label>
								<select class="chosen-select filter" name="user_status" id="user_status" multiple data-placeholder="Select">
									<option value="1">Active</option>
									<option value="0">Inactive</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">User Work Location</label>
								<select class="filter-field-location form-control filter" multiple name="work_location" key="city" id="work_location" data-placeholder="Select">
								</select>
							</div>
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">Ownership (Workspace ONE)</label>
								<select class="form-control chosen-select filter" multiple name="ownership" id="ownership" data-placeholder="Select">
								<option value="">Select</option>
								<option value="C" selected="selected">Corporate</option>
								<option value="S" selected="selected">Shared</option>
								<option value="E">Employee Owned</option>
								</select>
							</div>	
						</div>
						<div class="col-md-6">		
						<div class="col-md-6 divHeight" style="padding-left:0px">
							<div class="form-group">
								<label class="control-label">Last Seen Date Range</label>
								<div class="form-group" id="data_1">
									<div class="input-group date">
										<span class="input-group-addon"><i class="icon icon-calendar-2"></i></span><input type="text" name="last_seen_from" class="form-control" data-mask="99/99/9999" id="date_from" placeholder="From" autocomplete="off" value="" readonly="readonly">
									</div>
								</div>	
							</div>
						</div>

						<div class="col-md-6 divHeight">
							<div class="form-group">
								<label class="control-label">&nbsp;</label>
								<div class="form-group" id="data_1">
									<div class="input-group date">
										<span class="input-group-addon"><i class="icon icon-calendar-2"></i></span><input type="text" class="form-control" data-mask="99/99/9999" placeholder="To" name="last_seen_to" id="date_to" autocomplete="off" value="" readonly="readonly">
									</div>
								</div>	
							</div>
						</div>
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">Teqtivity Asset</label>
								<select class="form-control chosen-select filter" name="teqtivity_asset" id="teqtivity_asset" data-placeholder="Select">
								<option value="">Select</option>
								<option value="yes">Yes</option>
								<option value="no">No</option>
								</select>
							</div>	
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">Cell Number</label>
								<select class="filter-field-workspace-one form-control filter" multiple name="phone_number" key="phone_number" id="phone_number" data-placeholder="Select">
								</select>
							</div>
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">Carrier</label>
								<select class="filter-field-workspace-one form-control filter" multiple name="carrier" key="carrier" id="carrier" data-placeholder="Select">
								</select>
							</div>
						</div>
						<div class="col-sm-3 divHeight">
							<div class="form-group">
								<label class="control-label">Carrier Country</label>
								<select class="chosen-select filter" id="carrier_country" multiple name="carrier_country" data-placeholder="Select">
									@foreach(\App\Models\Country::orderBy('name')->get() as $country)
                                    <option value="{{$country->id}}">{{$country->name}}</option>
                                    @endforeach     						
								</select>
							</div>
						</div>
	                </div>
                </form>
			</div>
		</div>
	</div>
</div>