    <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="fcs-form-padding">
    <div class="form-group">
        <label class="control-label">
            [% $user->gettext('Eintr&auml;ge pro Seite') %]
        </label>

        <select  name="entries_per_page" onchange="document.hm.submit();" class="form-control">
            <option value="10" [% if $entries_per_page == 10 %]selected="selected"[% /if %]>10</option>
            <option value="20" [% if $entries_per_page == 20 %]selected="selected"[% /if %]>20</option>
            <option value="50" [% if $entries_per_page == 50 %]selected="selected"[% /if %]>50</option>
            <option value="100" [% if $entries_per_page == 100 %]selected="selected"[% /if %]>100</option>
        </select>

    </div>

    <div class="form-group">
        <label class="control-label">[% $user->gettext('Zeitraum')%]</label>

        <div class="form-group">
            <div class="input-group">
                <span class = "input-group-text">[% $user->gettext('Von')%] </span>
                <input type="text" value="[% if $startdate %][% $startdate|date_format:"%d.%m.%Y" %][% /if %]" autocomplete="off"  name="startdate" class="form-control datepicker" onkeyup="keyEvent(event)" />
                <span class = "input-group-text">[% $user->gettext('Bis')%] </span>
                <input type="text" value="[% if $enddate %][% $enddate|date_format:"%d.%m.%Y" %][% /if %]" autocomplete="off"  name="enddate" class="form-control datepicker" onkeyup="keyEvent(event)" />
            </div>
        </div>
        <select class="form-control" name="period" onchange="changePeriod(this);">
            <option value="0" [% if !$period %]selected="selected" [% /if %]>[% $user->gettext('Zeitraum') %]</option>
            <option value="1" [% if $period == 1 %]selected="selected" [% /if %]>[% $user->gettext('Heute') %]</option>
            <option value="2" [% if $period == 2 %]selected="selected" [% /if %]>[% $user->gettext('Gestern') %]</option>
            <option value="3" [% if $period == 3 %]selected="selected" [% /if %]>[% $user->gettext('Letzte Woche') %]</option>
            <option value="4" [% if $period == 4 %]selected="selected" [% /if %]>[% $user->gettext('Letzten Monat') %]</option>
            <option value="5" [% if $period == 5 %]selected="selected" [% /if %]>[% $user->gettext('Letztes Jahr') %]</option>
            <option value="6" [% if $period == 6 %]selected="selected" [% /if %]>[% $user->gettext('Aktuelles Jahr') %]</option>
            [% if $timing_add %]
                [% foreach from=$timing_add key=k item=v %]
                    <option value="[% $v.id %]">[% $k %]</option>
                [% /foreach %]
            [% /if %]                         
        </select>
    </div>

[% if $Tools->FCS_Count($Groups) > 1 %]    
        <div class="form-group">
            <select name="GroupIDs[]" id="GroupIDs" title="[% $user->gettext('Tickets nach Gruppen filtern') %]" class="form-control selectpicker" data-actions-box="true" data-live-search="true" data-select-all-text="[% $user->gettext('Alle') %]" data-deselect-all-text="[% $user->gettext('Keine') %]" multiple>
                [% html_options options=$Groups selected=$selectedGroups %]
            </select>
        </div>      
    [% /if %]
    [% if $Tools->FCS_Count($TicketTypes) > 1 %]    
        <div class="form-group">
            <select name="TicketType" id="TicketType" class="form-control" onchange="document.hm.submit();">
                [% html_options options=$TicketTypes selected=$selectedTicketType %]
            </select>
        </div>            
    [% /if %]
    [% if !ratingcriteria %]
    <div class="form-group">

        <select class="form-control" name="criteria" onchange="document.hm.submit();">
            <option value="0">[% $user->gettext('Alle Kriterien') %]</option>
            [% if $criteria_list %]
                [% foreach from=$criteria_list item=criteria %]
                    <option value="[% $criteria.criteria_id %]" [% if $criteria.criteria_id == $selected_criteria %]selected="selected"[% /if %]>[% $criteria.criteria_name %]</option>
                [% /foreach %]
            [% /if %]                         
        </select>
    </div>
    [% /if %]

    <div class="form-group">
        <div class="btn-group">
        <button class="btn btn-outline-primary" onclick=""><span class="fa fa-search"></span></button>
        <a href="#" onclick="
                    var input = $('<input>').attr('type', 'hidden').attr('name', 'action').attr('id', 'action').val('xls');
                    $('#hm').append(input);                
                    $('#hm').submit();
                    $('#action').remove();
                    return false;" class="btn btn-outline-primary"><span>EXPORT</span></a>
            [%*
            
            <a href="#" id="PrintButton" data-fancybox-type="iframe" class="dialog btn btn-outline-primary"><span class="fa fa-print"></span> [% $user->gettext('DRUCKEN') %]</a>                                
            *%]                                
        </div>
    </div>

   

</div>
        <script>
            
$('.selectpicker').selectpicker();            
$('.selectpicker').on('hide.bs.select', function (e, clickedIndex, isSelected, previousValue) {
    document.hm.submit();
})            
        </script>
