lujanfernaud/prevy

<% cache [
  group.image,
  group.name,
  group.description,
  is_group_owner?(current_user, group) && current_user.confirmed?,
  has_membership_but_is_not_confirmed?(current_user, group)
  ] do %>

  <div class="col-md-12 col-lg-8">

    <div class="group-box box">

      <!-- Group Image -->
      <div class="group-box-big-image group-image intrinsic-ratio-container
        card card-inverse">
        <%= image_tag  group.image_base64,
          data: {
            src:       group.samplified_image_url,
            srcset: "#{group.samplified_image_url(:medium)} 510w,
                     #{group.samplified_image_url(:thumb)} 350w",
          },
          class: "lazyload blur-up
            intrinsic-ratio-image img-fluid card-img-top" %>

        <!-- Group Name -->
        <div class="card-img-overlay">
          <h2 class="h4 group-box-title pb-1">
            <%= group.name %>
          </h2>
        </div>
      </div>

      <!-- Group Description -->
      <div class="group-box-big-text">
        <%= sanitize group.description %>

        <!-- Unconfirmed Account Alert -->
        <% if has_membership_but_is_not_confirmed?(current_user, group) %>
          <div class="mt-3">
            <%= show_group_unconfirmed_account_alert %>
          </div>
        <% end %>
      </div>

    </div>

  </div>

<% end %>