lujanfernaud/prevy

<div id="membership-request-<%= membership_request.id %>"
  class="row d-flex mt-4 box bg-white">

  <a href="<%= group_member_path(membership_request.group,
    membership_request.user) %>"
    class="overflow-hidden">
    <div class="lazyload blur-up membership-request-image"
      style="background-image:
        url(<%= gravatar_image_url membership_request.user_email %>)"
      data-bg="<%= gravatar_image_url membership_request.user_email %>">
    </div>
  </a>

  <div class="d-flex flex-column justify-content-between
    membership-request-info ml-2 pl-1 pt-2 pb-2">
    <h3 class="h6 font-weight-bold mt-1 mb-2 mb-md-1 pb-1 pb-md-0">
      <span class="font-weight-normal">From</span>
      <span>
        <%= link_to membership_request.user_name,
          group_member_path(membership_request.group,
            membership_request.user) %>
      </span>
      <span class="font-weight-normal">in</span>
      <span>
        <%= link_to membership_request.group_name,
          group_path(membership_request.group) %>
      </span>
    </h3>

    <p class="mb-2 mb-md-0">
      <%= membership_request.message %>
    </p>

    <div class="membership-request-links">
      <%= link_to "Accept",
        group_memberships_path(
          group_id: membership_request.group,
          user_id:  membership_request.user,
          request_id: membership_request),
        method: :post %>
      <span class="mx-1"> · </span>
      <%= link_to "Decline",
        group_membership_request_path(
          membership_request.group,
          membership_request),
        method: :delete,
        data: { confirm: "Are you sure to delete this person's request?" } %>
    </div>
  </div>

</div>