mirror of
https://github.com/we-promise/sure.git
synced 2026-04-19 03:54:08 +00:00
662f2c04ce
* Initial multi-step property form * Improve form structure, add optional tooltip help icons to form fields * Add basic inline alert component * Clean up and improve property form lifecycle * Implement Account status concept * Lint fixes * Remove whitespace * Balance editing, scope updates for account * Passing tests * Fix brakeman warning * Remove stale columns * data constraint tweaks * Redundant property
51 lines
1.9 KiB
Plaintext
51 lines
1.9 KiB
Plaintext
<%= render DialogComponent.new do |dialog| %>
|
|
<% dialog.with_header(title: "Enter property manually") %>
|
|
<% dialog.with_body do %>
|
|
<div class="flex gap-4">
|
|
<!-- Left sidebar with tabs -->
|
|
<%= render "properties/form_tabs", account: @account, active_tab: "address" %>
|
|
|
|
<!-- Right content area with form -->
|
|
<div class="flex-1">
|
|
<%= styled_form_with model: @property, url: update_address_property_path(@account), method: :patch, data: { turbo_frame: @property.address.persisted? ? nil : :_top } do |form| %>
|
|
<div class="flex flex-col gap-2 min-h-[320px]">
|
|
<%= render "properties/form_alert", notice: @success_message, error: @error_message %>
|
|
|
|
<%= form.fields_for :address do |address_form| %>
|
|
<%= address_form.text_field :line1,
|
|
label: "Address Line 1",
|
|
placeholder: "123 Main Street" %>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<%= address_form.text_field :locality,
|
|
label: "City",
|
|
placeholder: "San Francisco" %>
|
|
<%= address_form.text_field :region,
|
|
label: "State/Region",
|
|
placeholder: "CA" %>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<%= address_form.text_field :postal_code,
|
|
label: "Postal Code",
|
|
placeholder: "12345" %>
|
|
<%= address_form.text_field :country,
|
|
label: "Country",
|
|
placeholder: "USA" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<!-- Save button -->
|
|
<div class="flex justify-end mt-4">
|
|
<%= render ButtonComponent.new(
|
|
text: "Save",
|
|
variant: "primary",
|
|
) %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% end %>
|