anchor.diff:      <strong>Availability: </strong><%= user.availability %> <br>
       </div>
       <div class="col-md-2">
  -    <button type="button" class="btn btn-success btn-sm btn-block" data-toggle="modal" data-target="#myModal">Contact <%= user.first_name %></button>
  +    <!--<button type="button" class="btn btn-success btn-sm btn-block" data-toggle="modal" data-target="#myModal">Contact <%= user.first_name %></button>-->
       </div>
     </div>
     <hr>
  
positive.code:     <% end %>
    </div>
  </div>
  
  <!--<script>-->
  <!--  document.form["search-checkbox"].submit()-->
  <!--  var selected-users = document.getElementByClassId("search-checkbox").value-->
  <!--  document.getElementById("demo").innerHTML = selected-users;-->
  <!--</script>-->
  
  <!--<div class="search-checkbox">-->
  <!--  <form>-->
  <!--    <% @users.each do |user| %>-->
  <!--    <div id="user-checkbox">-->
  <!--      <input type="checkbox" action="/people" name= "user"> <%= user.email %> <br>  -->
  <!--    </div>-->
  <!--    <% end %>-->
  <!--    <div id="search-submit">-->
  <!--      <input type="submit" value="Contact All" button type="button" class="btn btn-success btn-sm btn-block" data-toggle="modal" data-target="#myModal"></button>-->
  <!--    </div>-->
  <!--  </form>-->
  <!--</div>-->
  
  <hr>
  <form>
  
negative.code: </form>
  <!-- Modal -->
  
  <!--<div id="myModal" class="modal fade" role="dialog">-->
  <!--  <div class="modal-dialog">-->
  
      <!-- Modal content-->
  <!--    <div class="modal-content">-->
  <!--      <div class="modal-header">-->
  <!--        <button type="button" class="close" data-dismiss="modal">&times;</button>-->
  <!--        <h4 class="modal-title" contenteditable="true">Engineers Without Borders Project Invitation</h4>-->
      
  <!--    <hr>-->
  <!--    <% @users.each do |user| %>-->
  <!--      <div class="row">-->
  <!--        <div class="col-md-8">-->
  <!--        <a href=<%= user_path(user) %>><strong><%= user.first_name %> <%= user.last_name %></strong></a> <br>-->
  <!--        <strong>Age: </strong> <%= user.age %>-->
  <!--        <strong>Education: </strong> <%= user.education %> from <%= user.school %>-->
  <!--        <strong> Field: </strong> <%= user.expertise %><br>-->
  <!--        <strong>Availability: </strong><%= user.availability %> <br>-->
  <!--        </div>-->
  <!--        <div class="col-md-3">-->
  <!--        <button type="button" class="btn btn-success btn-sm btn-block" data-toggle="modal" data-target="#myModal">Contact <%= user.first_name %></button>-->
  <!--        </div>-->
  <!--      </div>-->
  <!--      <div class="modal-body" >-->
  <!--        <p class="form-control" contenteditable="true">After looking over your qualifications, I think that you would be a great fit for my project! Please accept my invitation to join.</p>-->
  <!--      </div>-->
  <!--      <div class="modal-footer">-->
  <!--      <button type="button" class="btn btn-success" data-dismiss="modal">Send</button>-->
  <!--      <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>-->
  <!--      </div>-->
  <!--    </div>-->
  <!--    <% end %>-->
  <!--  </div>-->
  <!--</div>-->
  <%= paginate @users %>
  