<%= link_to goal_path(goal),
class: "group block bg-container rounded-xl shadow-border-xs hover:bg-surface-hover transition-colors p-6 #{"opacity-75" if goal.paused? || goal.archived?}",
data: {
goals_filter_target: "card",
goal_name: goal.name,
goal_status: goal.display_status
} do %>
<%= render Goals::AvatarComponent.new(goal: goal, size: "lg") %>
<%= goal.name %>
<%= render Goals::StatusPillComponent.new(goal: goal) %>
<%= secondary_line %>
<%= goal.current_balance_money.format %>
/ <%= goal.target_amount_money.format %>
<% if pace_line %>
<%= pace_line %>
<% end %>
<%= render Goals::AccountStackComponent.new(accounts: linked_accounts) %>
<%= linked_accounts_count_label %>
<%= footer_line %>
<% end %>