<?xml version='1.0' standalone='yes'?>
  <container 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:var="http://www.skyrix.com/od/binding"
    xmlns:const="http://www.skyrix.com/od/constant"
    xmlns:label="OGo:label">
    
    <div class="filterPanel" data-search="events">
      <div class="menu" id="eventSearchMenu">
        <ul class="choiceMenu">
          <li data-option="title"><var:string label:value="Title"/></li>
          <li data-option="title_Category_Location"><var:string label:value="Title, category or location"/></li>
          <li data-option="entireContent"><var:string label:value="Entire content"/></li>
        </ul>
      </div>
      <span class="searchBox" style="float: right">
        <input id="searchCriteria" name="criteria" type="hidden" var:value="searchCriteria" />
        <input id="searchValue"
               class="textField"
               autocomplete="off" name="search" type="text" var:value="searchText"
               menuid="eventSearchMenu" />
      </span>

      <var:string label:value="View" />
      <var:popup list="filters"
        const:id="filterpopup"
        item="filter" string="filterLabel" value="filter"
        selection="selectedFilter"
        const:name="filterpopup" 
        const:onchange="return onEventsListFilterChange();" />
    </div>
  </container>
