lujanfernaud/prevy

<div class="col-sm-6 col-md-3 col-lg-2 mt-2rem" id="user-<%= user.id %>">
  <div class="user-box box d-flex flex-column
    align-items-center pt-4 pb-4">

    <!-- User Avatar -->
    <div class="user-box__image pl-4 pr-4">
      <div class="intrinsic-ratio-container intrinsic-ratio-container--square">
        <%= link_to self.send("#{path}", object, user),
          class: "d-block" do %>
          <%= image_tag gravatar_image_url(user.email),
            class: "lazyload blur-up
              img-fluid intrinsic-ratio-image user-avatar d-block",
            alt: user.name %>
        <% end %>
      </div>
    </div>

    <!-- User Name -->
    <div class="user-box__name mt-2 pl-4 pr-4 text-center">
      <%= link_to user.name,
        self.send("#{path}", object, user) %>
    </div>

    <!-- User Group Points -->
    <div class="user-box__points user-points mt-2 pl-4 pr-4 text-center"
      id="user-points"
      data-behavior="tooltip" data-toggle="tooltip" data-placement="top"
      title="<%= render 'groups/group_points_tooltip' %>">
      <%= "#{user.group_points_amount(group)} pts" %>
    </div>
  </div>
</div>