<div class="i-member  index-member-1">
  <form>
    <span class="member_search" data-list="fields_to_show" data-level="0">
      <span style="display: inline-block;">
        <label for="members_{{key}}">{{title}}</label>
        <input name="keywords[{{type}}][{{key}}]" type="text" id="members_{{key}}" value="{{value}}" size="10"><input type="submit" name="Submit" value="送出">
        <span class="split_text">/</span>
      </span>
    </span>
  </form>
  <div style="clear: both;"></div>
  <button class="btn btn-primary" onclick="window.location.search = '';"><%=t(:clear)%></button>
  <% if !OrbitHelper.params[:keywords].nil? %>
    <div class="i-member-group" data-list="roles" data-level="0">
      <div class="index-member-status" data-level="1" data-list="status-list">
        <h2 class="i-member__status-title">{{status-title}}</h2>
        <div class="index-member-list" >
          <table class="i-member__table  table  table-striped">
            <thead data-level="2" data-list="members">
              <tr class="i-member-tr-head" data-list="profile_data" data-level="3">
                <th class="members_{{key}}">{{title}}</th>
              </tr>
            </thead>
            <tbody data-level="2" data-list="members">
              <tr data-list="profile_data" data-level="3">
                  <td class="{{value_class}}">{{value}}</td>
              </tr>
            </tbody>
          </table>
      </div>
      </div>
    </div>
  <% end %>
</div>
{{pagination_goes_here}}
<style>
  .index-member-1 .search_block:nth-child(1n+2) {
    display: none;
  }
  .split_text:last-child{
    display: none;
  }
</style>
<script type="text/javascript">
  $(document).ready(function(){
    $els = $('.search_block');
    for(var i = 1;i < $els.length; i++){
      $els.eq(i).remove();
    }
  });
</script>