<% fk_to_use = (typeof genericdoc_tktouse !=='undefined')? genericdoc_tktouse : "createdat,updatedat,title,name,content,contenttypes,tags,categories,assets,primaryasset,authors,primaryauthor,changes" %>
<form 
  id="search-options-form" 
  name="search-options-form" 
  class="ts-form search-options-form async-admin-ajax-page-forms" 
  method="get">
  <details class="ts-genericdoc" <%if(request.query.fq){%> open="open"<%}%> >
    <summary>
      <span class="ts-text-xx ">Manage &rsaquo; <%-locals.viewhelper.pluralize(genericdoctype)%></span>
      <% if(typeof genericdocopen_admin!=="undefined" && genericdocopen_admin ) {%>
        <a class=" ts-button ts-pull-right ts-cursor-pointer ts-open-admin-console" data-prefill-admin-input="execCommand <%- genericdoctypelink %> search " >New <%- genericdoctype %></a>
      <%}else if(genericdoctypelink ==="asset" || genericdoctypelink ==="category" || genericdoctypelink ==="contenttype"  || genericdoctypelink ==="tag"  || genericdoctypelink ==="userrole" || genericdoctypelink==="userprivilege"  || ( typeof genericdocusemodal!=="undefined" && genericdocusemodal )) {%>
        <a class=" ts-button ts-pull-right ts-open-modal" href="/<%- locals.adminPath %>/content/<%- genericdoctypelink  %>/new" data-tsmodal-id="new-<%- genericdoctypelink  %>-modal">New <%- genericdoctype %></a>
      <%}else if(genericdoctypelink ==="user" ) {%>
        <a class="async-admin-ajax-link ts-button ts-pull-right" href="/<%- locals.adminPath %>/<%- genericdoctypelink  %>/new">New <%- genericdoctype %></a>
      <%}else{%>
        <a class="async-admin-ajax-link ts-button ts-pull-right" href="/<%- locals.adminPath %>/content/<%- genericdoctypelink  %>/new">New <%- genericdoctype %></a>
      <%}%>
      <div class="ts-row ts-form-row">
        <input name="search" class="ts-input" value="<%- request.query.search %>" placeholder="Search"/>
    </div>
    
    </summary>
    <aside>
      <div class="ts-row ts-form-row">
        <div class="ts-col-span12 ts-text-right ts-text-sm"> 
          <span id="ts-search-sort" class="asyncadmin-ts-sortlist" data-sortkeys="<%- fk_to_use %>" data-formelement="search-options-form">
            </span> 
            showing 
            <% var genericdocsperpage = [{
            "value":"15",
            "label":"15"
            },{
            "value":"30",
            "label":"30"
            },{
            "value":"50",
            "label":"50"
            },{
            "value":"250",
            "label":"250"
            },{
            "value":"500",
            "label":"500"
            },{
            "value":genericdoccount,
            "label":genericdoccount
            }]; %>
            <select name="limit"  class="autoFormSubmit ts-button ts-button-transparent">
              <% genericdocsperpage.forEach(function(iperpage){
                %>
                  <option <% if(request.query.limit === iperpage.value ){%> selected="selected"
                  <%}%> value="<%= iperpage.value %>"><%= iperpage.label %></option>
                <%
                }); %>
            </select> 

           of 
          <%- genericdoccount %> 
          <%- genericdoctypeplurallink %> 
          <% if(request.query.pagenum > 1){%>
          | <a class="search-filter-prev-page">&lsaquo; prev</a>
          <%} %> | page 
          <input style="width:2em;" class="autoFormSubmit ts-text-right ts-button ts-button-transparent pagenum-input" name="pagenum" value="<%- request.query.pagenum || 1 %>"/>
           of 
          <%- genericdocpages %>
          <% if(request.query.pagenum < genericdocpages){%>
           | <a class="search-filter-next-page"> next &rsaquo;</a>
          <%} %> 
        </div>  
      </div>
     
      <hr>
      <div id="<%- genericdoctype %>-filterlist-container" class="asyncadmin-ts-filterlist ts-row" data-filterkeys="<%- fk_to_use %>" data-formelement="search-options-form">
        <div class="ts-col-span10 ts-text-xs ts-container-margin-md">
          <div class=" ts-form-row ts-filterlist-element-container">
          </div>
        </div>
        <div class="ts-col-span2 ts-form-row ts-text-xs ts-text-center ts-container-margin-md">
          <a  class="ts-button add-filterlist-button ts-width-100" name="parent-ts-datalist-tagged">Add filter</a>
        </div>
      </div>
    </aside>
  </details>
  <hr>
</form>