" data-goal-stepper-summary-no-date-value="<%= t("goals.form_stepper.step2.review.summary_no_date") %>" data-goal-stepper-account-count-one-value="<%= t("goals.form_stepper.step2.review.account_count.one") %>" data-goal-stepper-account-count-other-value="<%= t("goals.form_stepper.step2.review.account_count.other") %>" data-goal-stepper-suggested-with-date-value="<%= t("goals.form_stepper.step2.review.suggested_with_date") %>" data-goal-stepper-suggested-no-date-value="<%= t("goals.form_stepper.step2.review.suggested_no_date") %>"> <% if goal.errors[:base].any? %> <%= render "shared/form_errors", model: goal %> <% end %> <%# Connected stepper %> <%= styled_form_with model: goal, url: goals_path, class: "space-y-4", data: { action: "keydown.enter->goal-stepper#blockEnter" } do |f| %>

<%= t("goals.form_stepper.step1.heading") %>

<%= t("goals.form_stepper.step1.subheading") %>

<%= render "color_picker", form: f, colors: Goal::COLORS, icons: Goal::ICONS %>

<%= f.text_field :name, placeholder: t("goals.form_stepper.step1.fields.name_placeholder"), autofocus: true, label: t("goals.form_stepper.step1.fields.name"), data: { goal_stepper_target: "nameInput", action: "input->goal-stepper#nameChanged" } %>

<%= t("goals.form_stepper.errors.name_required") %>

<%= f.money_field :target_amount, label: t("goals.form_stepper.step1.fields.target_amount"), hide_currency: true, amount_data: { goal_stepper_target: "amountInput", action: "input->goal-stepper#amountChanged" } %>

<%= t("goals.form_stepper.errors.amount_required") %>

<%= f.date_field :target_date, label: t("goals.form_stepper.step1.fields.target_date") %>

<%= t("goals.form_stepper.step1.fields.funding_accounts") %>

<%= t("goals.form_stepper.step1.fields.funding_accounts_hint") %>

<% grouped = linkable_accounts.group_by { |a| a.subtype.to_s.presence || "other" } %> <% grouped.each_with_index do |(subtype, accts), group_idx| %>

<%= t("goals.form_stepper.step1.subtypes.#{subtype}", default: subtype.titleize) %>

"> <% accts.each_with_index do |account, idx| %> 0 %>"> <%= check_box_tag "goal[account_ids][]", account.id, false, id: "goal_account_ids_#{account.id}", class: "checkbox checkbox--light shrink-0", data: { goal_stepper_target: "linkedAccountCheckbox", action: "change->goal-stepper#linkedAccountChanged", account_name: account.name, account_subtype: account.subtype || subtype, account_balance: account.balance } %> <%= render Goals::AvatarComponent.new(name: account.name, color: Goals::AvatarComponent.color_for(account.name), size: "md") %>

<%= account.name %>

<%= (account.subtype || subtype).titleize %>

<%= Money.new(account.balance, account.currency).format %> <% end %>

<% end %>

<%= t("goals.form_stepper.errors.accounts_required") %>

<%= render DS::Disclosure.new(title: t("goals.form_stepper.step1.fields.notes_summary"), align: "right") do %> <%= f.text_area :notes, label: t("goals.form_stepper.step1.fields.notes"), rows: 3, placeholder: t("goals.form_stepper.step1.fields.notes_placeholder") %> <% end %>

<%= t("goals.form_stepper.step2.heading") %>

<%= t("goals.form_stepper.step2.subheading") %>

<%= render DS::FilledIcon.new(variant: :container, icon: "target", size: "lg", rounded: false) %>

—

—

—

<%= render DS::FilledIcon.new(variant: :container, icon: "zap", size: "md", rounded: false) %>

<%= t("goals.form_stepper.step2.add_initial_contribution") %>

<%= t("goals.form_stepper.step2.add_initial_contribution_sub") %>

<%= icon("chevron-down", size: "sm") %>

<%= f.money_field :initial_contribution_amount, label: t("goals.form_stepper.step2.initial_amount"), hide_currency: true, amount_data: { goal_stepper_target: "initialContributionAmount" } %>

<%= label_tag "goal[initial_contribution_account_id]", t("goals.form_stepper.step2.initial_account"), class: "form-field__label" %> <%= select_tag "goal[initial_contribution_account_id]", options_for_select([]), include_blank: t("goals.form_stepper.step2.select_account"), data: { goal_stepper_target: "initialContributionAccountSelect" }, class: "form-field__input" %>

<% end %>