<div class="col-lg-12">
	<div class="ibox">
		<div class="ibox-title">
			<h5><a data-toggle="collapse" href="#collapseFilter" aria-expanded="true" aria-controls="collapseFilter">Filters <i class="fa fa-caret-right" aria-hidden="true"></i></a></h5>
		</div>
		<div class="collapse in" id="collapseFilter" aria-expanded="true">
			<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-zoom form-control filter" 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">Room Name (Zoom)</label>
								<select class="filter-field-zoom form-control filter" multiple name="room_name_zoom" key="room_name" id="room_name_zoom" data-placeholder="Select">
								</select>
							</div>
						</div>
					</div>
                </form>
			</div>
		</div>
	</div>
</div>