
<style>
    .SimpleField {
        width: auto;
        display: inline-block;
        padding: 0.5em 0.5em 0.5em 0;
        margin-right: 0.5em;
        border-radius: 5px;
    }
    
    .SimpleField2 {
        width: auto;
        display: inline-block;
        padding: 0.5em 0.5em 0.5em 0;
        margin-right: 0.5em;
        border-radius: 5px;
    }
    
    .SimpleField:hover {
        /*    background-color: lightgray;*/
        cursor: pointer;
    }
    .removeSField {
        /*margin-left: 1em;*/
        /*line-height: 2em;*/
        position:relative;
        left: -9px;
        top: -8px;
        z-index:999;
        visibility:hidden
    }
    
    .removeSField2 {
        /*margin-left: 0.5em;*/
        /*line-height: 2em;*/
        position:relative;
        left: 0.5em;
        top: -8px;
        z-index:999;
        visibility:hidden
    }
    
    .btn-circle {
  width: 15px;
  padding-top:2px;
  height: 15px;
  text-align: center;
  font-size: 0.8em;
 
    background-color: #ccc !important;
  border-radius: 15px;
}
    .SimpleField:hover .removeSField {
         visibility: visible;
    }
    
    .SimpleField:hover .removeSField2 {
         visibility: visible;
    }

    .filterform{
        max-width: 200px;
    }

    .ui-datepicker{
        z-index: 9999999 !important;
    }


</style>

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="includes/js/bootstrap-select-1.12.4/dist/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="includes/js/bootstrap-select-1.12.4/dist/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="includes/js/bootstrap-select-1.12.4/dist/js/i18n/defaults-[% if $user->language_type == "de" %]de_DE[% else %]en_US[% /if %].min.js"></script>

            
       
        
     
    <div class="row" id="SearchForm">
        <div class="col-12" id="additionalFilterField">
            <input type="hidden" name="pos" value="0" id="pos" />
          
            <input type="hidden" name="FilterNames" id="FilterNames" value="" />
            <input type="hidden" name="ContactID" id="" value="[% $contactid %]" /> 
            <input type="hidden" name="EntriesPerPage" value="5" />
            <input type="hidden" name="listtype" value="[% $listtype %]" />        

              <input type="hidden" name="SortingTable" id="sort" value="[% $sort %]" />
              <input type="hidden" name="SortOrderTable" id="sortorder" value="[% $sortorder %]" />


            <div class="SimpleField  visible bg-default" id="Search_Filter"  style="display: inline-block">
                <div class="btn-group">
                    <input type="text" data-style="btn-info" class="form-control" id="filter" name="Filter" value="[% $filter %]" placeholder="[% $user->gettext('Volltext') %]" title="[% $user->gettext('Volltextsuche') %]" size="20" onkeyup="nkeyEvent(event)" />
                </div>
            </div>

            <div class="SimpleField  visible bg-default" id="Search_TicketID" style="display: inline-block"> 
                <div class="btn-group">
                    <input type="text" data-style="btn-info" class="form-control" id="TicketID" name="TicketID" value="[% $TicketID %]" placeholder="#" style = "width: 100px;" title="[% $user->gettext('Ticketnummer') %]" onkeyup="nkeyEvent(event)" />
                </div>
            </div>

            <button type="button" id="SubmitbuttonMiniSearch" onclick="reloadPage()" class="btn btn-outline-primary minisearch" > <span class="fa fa-search"></span></button>
        </div>    
        </div>            

<script type="text/javascript" language="javascript">
<!--


$('input[type=text]').keydown(function (e) {

  if (e.keyCode == 13) {
      reloadPage();
  }
});
/*
$('.btn-date').focusout(function() {
  reloadPage();
});
*/

function reloadPage(){
    $.ajax({
        type: "POST",
        url: "index.php?module=ticketlist&event=ContactTicketTableBody",
        data: $("#hm3").serializeArray(),
    })
    .done(function( content ) {
  
            $('#TBody').hide().html(content).fadeIn();
            $( "#cntTickets" ).load("index.php?module=ticketlist&event=getTicketCount" );
            doAjaxTooltip();
            initTicketPopovers();
        
    });

}
//-->
</script>
