lujanfernaud/prevy

<% cache event do %>

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

    <div class="box">

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

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

      <div class="event-box-big__text">
        <div class="event-box-big__data mt-2 mb-4">
          <!-- Event Date -->
          <p class="event-box-big__date mb-3">
            <span class="mr-1"><%= calendar_icon %></span>
            <%= event.start_date_prettyfied %>
            <% unless event.same_time? %>
              - <%= event.end_date_prettyfied %>
            <% end %>
          </p>

          <!-- Event Address -->
          <p class="event-box-big__address mb-3">
            <span class="mr-1"><%= location_icon %></span>
            <%= link_to event.full_address, "#map",
              data: { turbolinks: false } %>
          </p>
        </div>

        <%= sanitize event.description %>
      </div>

    </div><!-- /.box -->

  </div><!-- /.col-md-8 -->

<% end %>