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

<%= modal do %>
<% if @account.accountable.blank? %>
<%= t ".select_accountable_type" %>
<%= render "account_type", type: Depository.new, bg_color: "bg-blue-50", text_color: "text-blue-500", icon: "landmark" %> <%= render "account_type", type: Investment.new, bg_color: "bg-green-50", text_color: "text-green-500", icon: "line-chart" %> <%= render "account_type", type: Crypto.new, bg_color: "bg-green-50", text_color: "text-green-500", icon: "bitcoin" %> <%= render "account_type", type: Property.new, bg_color: "bg-pink-50", text_color: "text-pink-500", icon: "home" %> <%= render "account_type", type: Vehicle.new, bg_color: "bg-indigo-50", text_color: "text-indigo-500", icon: "car-front" %> <%= render "account_type", type: CreditCard.new, bg_color: "bg-violet-50", text_color: "text-violet-500", icon: "credit-card" %> <%= render "account_type", type: Loan.new, bg_color: "bg-yellow-50", text_color: "text-yellow-500", icon: "hand-coins" %> <%= render "account_type", type: OtherAsset.new, bg_color: "bg-green-50", text_color: "text-green-500", icon: "plus" %> <%= render "account_type", type: OtherLiability.new, bg_color: "bg-red-50", text_color: "text-red-500", icon: "minus" %>
Select <%= lucide_icon("corner-down-left", class: "inline w-3 h-3") %>
Navigate <%= lucide_icon("arrow-up", class: "inline w-3 h-3") %> <%= lucide_icon("arrow-down", class: "inline w-3 h-3") %>
ESC
<% elsif params[:step] == 'method' && @account.accountable.present? %>
<%= link_to new_account_path, class: "flex w-8 h-8 shrink-0 grow-0 items-center justify-center rounded-lg bg-alpha-black-50 back focus:outline-gray-300 focus:outline" do %> <%= lucide_icon("arrow-left", class: "text-gray-500 w-5 h-5") %> <% end %> How would you like to add it?
<%= render "entry_method", type: @account.accountable, text: "Enter account balance manually", icon: "keyboard" %> <%= render "entry_method", type: @account.accountable, text: "Securely link bank account with data provider (coming soon)", icon: "link-2", disabled: true %> <%= render "entry_method", type: @account.accountable, text: "Upload spreadsheet (coming soon)", icon: "sheet", disabled: true %>
Select <%= lucide_icon("corner-down-left", class: "inline w-3 h-3") %>
Navigate <%= lucide_icon("arrow-up", class: "inline w-3 h-3") %> <%= lucide_icon("arrow-down", class: "inline w-3 h-3") %>
ESC
<% else %>
<%= link_to new_account_path(step: "method", type: params[:type]), class: "flex w-8 h-8 shrink-0 grow-0 items-center justify-center rounded-lg bg-alpha-black-50 focus:outline-gray-300 focus:outline" do %> <%= lucide_icon("arrow-left", class: "text-gray-500 w-5 h-5") %> <% end %> Add <%= @account.accountable.model_name.human.downcase %>
<%= styled_form_with model: @account, url: accounts_path, scope: :account, class: "m-5 mt-1 flex flex-col justify-between grow", data: { turbo: false } do |f| %>
<%= f.hidden_field :accountable_type %> <%= f.text_field :name, placeholder: t(".name.placeholder"), required: "required", label: t(".name.label"), autofocus: true %> <%= f.collection_select :institution_id, Current.family.institutions.alphabetically, :id, :name, { include_blank: t(".ungrouped"), label: t(".institution") } %> <%= render "accounts/accountables/#{permitted_accountable_partial(@account.accountable_type)}", f: f %> <%= money_with_currency_field f, :balance_money, label: t(".balance"), required: "required", default_currency: Current.family.currency %>
<%= check_box_tag :add_start_values, class: "maybe-checkbox maybe-checkbox--light peer mb-1" %> <%= label_tag :add_start_values, t(".optional_start_balance_message"), class: "pl-1 text-sm text-gray-500" %>
<%= f.submit "Add #{@account.accountable.model_name.human.downcase}" %> <% end %> <% end %>
<% end %>