<%= link_to event.notifiable_target, class: "event event--#{ event.action } #{ "golden-effect" if event.card.golden? } center-block flex flex-column full-width align-start justify-start position-relative", style: "--card-color: #{ card.closed? ? "var(--color-card-complete)" : card.color };", target: "_top", data: { related_element_target: "related", related_element_group_value: card.id, action: "mouseover->related-element#highlight mouseout->related-element#unhighlight" } do %>

<%= card.id %> <%= event.collection.name %>

<% if event_column(event) == 2 %> <%= icon_tag event_action_icon(event) %> <% end %>
<%= avatar_image_tag(event.creator) %>
<%= event_action_sentence(event) %> <%= yield %>
<% if event.card.image.present? %>
<%= image_tag event.card.image.presence || "", size: 120, aria: { hidden: true } %>
<% end %> <% end %>