<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-chromebook form-control" multiple name="serial_no" id="serial_no" key="serial_no" data-placeholder="Select">
								</select>
							</div>	
						</div>
						<div class="col-md-3">
							<div class="form-group">
								<label class="control-label">Asset Type </label>
								<select class="chosen-select" id="asset_type" multiple name="asset_type" data-placeholder="Select">
										@foreach(\App\Models\AssetType::all() as $assetType)
										<option value="{{$assetType->id}}">{{$assetType->name}}</option>
										@endforeach								
								</select>
							</div>	
						</div>
						<div class="col-md-3">
							<div class="form-group">
								<label class="control-label">Manufacturer </label>
								<select class="chosen-select" id="manufacturer" multiple name="manufacturer" data-placeholder="Select">
										@foreach(\App\Models\Manufacturer::all() as $manufacturer)
										<option value="{{$manufacturer->id}}" >{{$manufacturer->name}}</option>
										@endforeach								
								</select>
							</div>	
						</div>
						<div class="col-md-3">
							<div class="form-group">
								<label class="control-label">Hardware Standard (Teqtivity)</label>
								<select class="chosen-select" multiple name="make_and_model" id="make_and_model" data-placeholder="Select">
									@foreach(\App\Models\MakeAndModel::all() as $hardware)
									<option value="{{$hardware->id}}">{{$hardware->name}}</option>
									@endforeach
								</select>
							</div>
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">Hardware Standard (Chrome Devices)</label>
								<select class="filter-field-chromebook form-control" 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 (Teqtivity)</label>
								<select class="filter-field-user form-control" multiple name="user" id="user" key="userName" data-placeholder="Select">
								</select>
							</div>	
						</div>
						<div class="col-md-3 divHeight">
							<div class="form-group">
								<label class="control-label">User (Chrome Devices)</label>
								<select class="filter-field-chromebook form-control" multiple name="chromebook_user" id="chromebook_user" key="email" data-placeholder="Select">
								</select>
							</div>	
						</div>
						<div class="col-md-6 divHeight">		
						<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>
                </form>
			</div>
		</div>
	</div>
</div>