<ul class="checkbox-card">
    <% @hide_reviewers.each do |member|%>
      <% reviewer = @reviewers.select{|r| r.reviewer_id == member.id.to_s}.first %>
      <% member_name = member.name %>
      <% member_id = member.id.to_s %>
      <% member_pic_url = ((member.avatar.file.present? rescue false) ? member.avatar.url : "/assets/member-pic.png") %>
      <li class="filter-item selected_item selected_member check-item" data-id="<%=member_id%>" style="margin: 0 10px 10px 0;">
      <label style="height: 100%;padding: 0;max-width: 20%;">
        <img style="max-height: 100%;" alt="Member pic" class="member-pic" src="<%=member_pic_url%>">
        <span class="user-name" style="float: right;width: 95px;padding-top: 8px;font-size: 1em;position: absolute;padding-left: 0.5em;"><%=member_name%><span class="badge badge-info"><%= reviewer.get_all_seminar_signup_ids.count %></span></span>
      </label>
      <input name="member_ids[]" type="hidden" value="<%=member_id%>">
      </li>
    <% end %>
</ul>
<style type="text/css">
  .checkbox-card li:hover label span, .checkbox-card li:hover label span.user-name{
    color: #363636;
  }
  .checkbox-card li:hover{
    background-color: #cccccc;
  }
  .selected_item{
    cursor: pointer;
  }
</style>