  <div class="wrapper bg-white b-t" id="vis_filter_list" style="display:none;">
	  <form id="vis_assets_search_form" name="vis_assets_search_form" method="post">
            <label class="control-label"><b><?= $vis_language['TXTFILTERLIST']; ?></b></label>
            <div class="row">
              <div class="m-t m-b">	
                <div class="form-group">
                    <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTNAME']; ?></label>
                    <div class="col-sm-2">
                     <input type="text" class="form-control input-sm" id="vis_name" name="vis_name"  />
                    </div>
                </div>	
                <div class="form-group">
				   <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTCITYPE']; ?></label>
				   <div class="col-sm-2">
					<select  onchange="set_ci_type_filter(this.value);" class="form-control selectpicker" name="vis_ci_type_id" id="vis_ci_type_id" <? if(count($citype_details) > 10) echo 'data-live-search="true"' ?>>
					<option value=""> <? echo $vis_language['TXTSELECT']; ?> </option>
					  <? for($i=0;$i<count($citype_details);$i++) { ?>
					  <option value="<? echo $citype_details[$i]['item_id']; ?>"> <? echo $citype_details[$i]['name']; ?></option>
					  <? } ?>
					</select>
				   </div>
				</div>
                <div class="form-group">
				   <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTLOCATION']; ?></label>
				   <div class="col-sm-2">
					<select class="form-control selectpicker" name="vis_location_id" id="vis_location_id" <? if(count($location_details) > 10) echo 'data-live-search="true"' ?>>
					<option value=""><? echo $vis_language['TXTSELECT']; ?></option>
					  <?
					  for($i=0;$i<count($location_details);$i++) {
						  ?>
					  <option value="<? echo $location_details[$i]['location_id']; ?>"> <? echo $location_details[$i]['name']; ?></option>
					  <? } ?>
					</select>
				   </div>
				</div>
				
				<div class="form-group">
				   <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTDEPARTMENT']; ?></label>
				   <div class="col-sm-2">
					<select class="form-control selectpicker" name="vis_department" id="vis_department" <? if(count($department_details) > 10) echo 'data-live-search="true"' ?>>
					<option value=""><? echo $vis_language['TXTSELECT']; ?></option>
					  <?
					  
					  for($i=0;$i<count($department_details);$i++) {
						  ?>
					  <option value="<? echo $department_details[$i]['department_id']; ?>"> <? echo $department_details[$i]['domain_name'].' : '.$department_details[$i]['department_name']; ?></option>
					  <? } ?>
					</select>
					
				   </div>
				</div>
			 </div>
			</div>
			
			
		<div class="row">
			<div class="m-t m-b">	
					<div class="form-group">
						<label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTUSEDBY']; ?></label>
						<div class="col-sm-2">
							 <input class="form-control input-sm" type="text" name="vis_usedby" id="vis_usedby"  placeholder="<?= $vis_language['TXTTYPETOSEARCHEXISTINGCLIENTSEMAILADDRESS']?>" data-resize="no" style="width:100%"/>
                                <script type="text/javascript">
                                    $(document).ready(function() {
                                        $("#vis_usedby").tokenInput(
                                            "index.php?vis_module=cmdb&vis_operation=get_staff_client_details",
                                            {
                                                theme: "facebook",
                                                searchDelay: 300,
                                                minChars: 3,
                                                queryParam: "vis_data",
                                                propertyToSearch: "email",
                                                tokenValue: "email",
                                                tokenLimit: 1,
                                                preventDuplicates: true,
                                                resultsFormatter: function(item) {
                                                    return "<li>" + "<div style='display: inline-block; padding-left: 10px;'><div class='full_name'>" + item.full_name + " < " + item.email + " ></div></div></li>";
                                                },
                                                tokenFormatter: function(item) {
                                                    return "<li><p>" + item.email + "</p></li>";
                                                }
                                            }
                                        );
                                        $("div.token-input-dropdown-facebook").css('width', $(".token-input-list-facebook").width() + 2 + 'px');
                                        $("#token-input-vis_usedby").parent().css('width','100%');
                                    });</script>
						</div>
					</div>	
					
				<div class="form-group">
					<label for="vis_firstname" <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTMANAGEDBY']; ?></label>
					<div class="col-sm-2" id="staff_list">
 						<select class="form-control selectpicker" name="vis_managed_by" id="vis_managed_by" disabled>
							<option value=""> <? echo $vis_language['TXTSELECT']; ?> </option>
						</select>
					</div>
				</div>
				 <div class="form-group">
                    <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTVENDOR']; ?></label>
                    <div class="col-sm-2">
                    <select name="vis_vendor_id" id="vis_vendor_id" class="form-control input-sm selectpicker"<? if(count($vendor_details)>10) echo ' data-live-search="true"';?>>
					<option value=""> <? echo $vis_language['TXTSELECT']; ?> </option>
						<? if($vendor_details!=-1) 
							for($v=0;$v<count($vendor_details); $v++){
								echo '<option value="'.$vendor_details[$v]['vendor_id'].'">'.$vendor_details[$v]['vendor_name'].'</option>';
							}?>
					</select>
					</div>
                </div>
				<div class="form-group">
                    <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTCIPRODUCT']; ?></label>
                    <div class="col-sm-2">
                    <select name="vis_product_id" id="vis_product_id"  class="form-control input-sm selectpicker"<? if(count($product_details)>10) echo ' data-live-search="true"';?>>
					<option value=""> <? echo $vis_language['TXTSELECT']; ?> </option>
						<? if($product_details!=-1) 
							for($p=0;$p<count($product_details); $p++){
								echo '<option value="'.$product_details[$p]['product_id'].'">'.$product_details[$p]['name'].'</option>';
							}?>
					</select>
					</div>
                </div>
			</div>
		</div>
			
			
			
			
					
			<div id="hardware_filter_option" style="display:none;">
            </div>
			
			
			
			
			
			<!--<div class="row">
              <div class="m-t m-b">	
				<div class="form-group">
                    <label class="col-sm-1 control-label m-t-xs"><? echo $vis_language['TXTSTATUS']; ?></label>
                    <div class="col-sm-2">              
                       <select name="vis_status" id="vis_status" class="form-control input-sm selectpicker bg-white"><option value=""><? echo $vis_language['TXTSELECT']; ?></option><option value='1'><? echo $vis_language['TXTENABLED'];?></option><option value='0'><? echo $vis_language['TXTDISABLED'];?></option></select>
                    </div>
                </div>	
              </div>
            </div>	-->
           <div class="row">
                <div class="m-t m-b">
                    <div class="form-group">
                        <div class="col-sm-12">
                          <button type="button" id="btn_apply_filter" class="btn btn-primary pull-right" onclick="javascript:vis_apply_filter();"><?= $vis_language['TXTAPPLYFILTER'];?></button>
                          <button type="button" class="btn btn-default pull-right m-r-sm" onclick="$('#vis_assets_search_form').trigger('reset');clearsearch();"><?= $vis_language['TXTCLEAR'];?></button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
  </div>
<script type="application/javascript">
$("#vis_name").keypress(function (event) {	
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13') {
	   event.preventDefault();
    }
});
function clearsearch()
{
$('.selectpicker').selectpicker('refresh');
$("#vis_usedby").tokenInput("clear");
$("#vis_ci_type_id").change();
}
</script>