<%= link_to savings_goal_path(goal),
class: "group block bg-container rounded-xl shadow-border-xs hover:bg-surface-hover transition-colors p-6",
data: {
savings_goals_filter_target: "card",
goal_name: goal.name,
goal_status: goal.status
} do %>
<%= render Savings::GoalAvatarComponent.new(goal: goal, size: "lg") %>
<%= goal.name %>
<%= render Savings::StatusPillComponent.new(goal: goal) %>
<%= secondary_line %>
<%= goal.current_balance_money.format %>
/ <%= goal.target_amount_money.format %>
<%= render Savings::AccountStackComponent.new(accounts: linked_accounts) %>
<%= linked_accounts_count_label %>
<% if goal.completed? %>—<% else %><%= goal.remaining_amount_money.format %> <%= t("savings_goals.goal_card.left") %><% end %>
<% end %>