<%= t(".title") %>

<%= t(".subtitle") %>

<%= tag.p t(".example"), class: "text-secondary text-sm" %> <%= tag.p format_money(Money.new(2325.25, params[:currency] || @user.family.currency)), class: "text-primary font-medium text-2xl" %>

+<%= format_money(Money.new(78.90, params[:currency] || @user.family.currency)) %> (+<%= format_money(Money.new(6.39, params[:currency] || @user.family.currency)) %>) as of <%= format_date(Date.parse("2024-10-23"), :default, format_code: params[:date_format] || @user.family.date_format) %>

<% placeholder_series_data = [ { date: Date.current - 14.days, value: 200 }, { date: Date.current - 13.days, value: 200 }, { date: Date.current - 12.days, value: 220 }, { date: Date.current - 11.days, value: 220 }, { date: Date.current - 10.days, value: 220 }, { date: Date.current - 9.days, value: 220 }, { date: Date.current - 8.days, value: 220 }, { date: Date.current - 7.days, value: 220 }, { date: Date.current - 6.days, value: 230 }, { date: Date.current - 5.days, value: 230 }, { date: Date.current - 4.days, value: 250 }, { date: Date.current - 3.days, value: 250 }, { date: Date.current - 2.days, value: 265 }, { date: Date.current - 1.day, value: 265 }, { date: Date.current, value: 265 } ] %> <% placeholder_series = Series.from_raw_values(placeholder_series_data) %>

<%= t(".preview") %>

<%= styled_form_with model: @user, data: { turbo: false } do |form| %> <%= form.hidden_field :set_onboarding_preferences_at, value: Time.current %> <%= form.hidden_field :redirect_to, value: "goals" %>

<%= form.select :theme, [["System", "system"], ["Light", "light"], ["Dark", "dark"]], { label: "Color theme" }, data: { action: "onboarding#setTheme" } %>

<%= form.fields_for :family do |family_form| %> <%= family_form.select :locale, language_options, { label: t(".locale"), required: true, selected: params[:locale] || @user.family.locale }, { data: { action: "onboarding#setLocale" } } %> <%= family_form.select :currency, Money::Currency.as_options.map { |currency| [ "#{currency.name} (#{currency.iso_code})", currency.iso_code ] }, { label: t(".currency"), required: true, selected: params[:currency] || @user.family.currency }, { data: { action: "onboarding#setCurrency" } } %> <%= family_form.select :date_format, Family::DATE_FORMATS, { label: t(".date_format"), required: true, selected: params[:date_format] || @user.family.date_format }, { data: { action: "onboarding#setDateFormat" } } %> <% end %>

<%= form.submit t(".submit") %> <% end %>