<template name="hipaaRibbon">
  <div id="hipaaRibbon" class="row {{getRibbonClass}}">
    <div class="filter col-xs-12 col-sm-4 col-md-6">
      <span>User</span>
      <div class="btn-group">
        <input type="text" name="hipaaSearchFilter" id="hipaaSearchFilter" value="{{getHipaaSearchFilter}}" class="form-control">
        <span id="searchClear" class="glyphicon glyphicon-remove-circle"></span>
      </div>
    </div>
    <div class="filter col-xs-4 col-sm-3 col-md-2 text-center">
      <span>Begin Date</span>
      <input type="date" id="beginDateInput" class="{{getInputClass}}" value="{{getBeginDate}}">
    </div>
    <div class="filter col-xs-4 col-sm-3 col-md-2 text-center">
      <span>End Date</span>
      <input type="date" id="endDateInput" class="{{getInputClass}}" value="{{getEndDate}}">
    </div>
    <div class="filter col-xs-4 col-sm-2 text-center">
      <span>Action</span>
      <select id="actionFilter" name="actionFilter" class="{{getSelectClass}}">
        <option id="filterCreatedButton" value="create">Created</option>
        <option id="filterModifiedButton" value="modify">Modified</option>
        <option id="filterViewedButton" value="viewed">Viewed</option>
        <option id="filterAllButton" selected value="">All</option>
      </select>
    </div>
  </div>
</template>
