Render order address form

Author: rainerdema

admin/app/components/solidus_admin/orders/show/component.html.erb

@@ -8,10 +8,56 @@
     <% end %>
   <% end %>
 
+  <%= form_for @order, url: solidus_admin.order_customer_path(@order), html: { id: form_id } do |f| %>
     <%= page_with_sidebar do %>
       <%= page_with_sidebar_main do %>
 
         <%= render component('orders/cart').new(order: @order) %>
+
+        <%= render component('ui/panel').new(title: t(".customer_information")) do %>
+          <div class="flex flex-wrap gap-4 pb-4">
+            <%= render component("ui/forms/field").text_field(f, :email) %>
+
+            <div class="w-full flex items-center mb-4 border-b pb-4">
+              <%= render component('ui/forms/checkbox').new(
+                  name: "#{f.object_name}[guest_checkout]",
+                  checked: f.object.guest_token,
+                ) %>
+              <%= label_tag nil, 'Guest checkout', class: "ml-2 text-sm text-gray-700" %>
+            </div>
+
+            <h2 class="text-xl mb-4 font-semibold"><%= t(".shipping_address") %></h2>
+            <div class="flex flex-wrap gap-4 border-b pb-4">
+              <%= f.fields_for :ship_address do |ba_form| %>
+                <%= render component("ui/forms/field").text_field(ba_form, :name) %>
+                <%= render component("ui/forms/field").text_field(ba_form, :address1) %>
+                <%= render component("ui/forms/field").text_field(ba_form, :address2) %>
+                <div class="flex w-full space-x-4">
+                  <%= render component("ui/forms/field").text_field(ba_form, :city, class: "flex-1") %>
+                  <%= render component("ui/forms/field").text_field(ba_form, :zipcode, class: "flex-1") %>
+                </div>
+                <%= render component("ui/forms/field").select(ba_form, :country, Spree::Country.all.map { |c| [c.name, c.id] }) %>
+                <%= render component("ui/forms/field").select(ba_form, :state, Spree::State.all.map { |s| [s.name, s.id] }) %>
+                <%= render component("ui/forms/field").text_field(ba_form, :phone) %>
+              <% end %>
+            </div>
+
+            <h2 class="text-xl mb-4 mt-4 font-semibold"><%= t(".billing_address") %></h2>
+            <div class="flex flex-wrap gap-4">
+              <%= f.fields_for :bill_address do |ba_form| %>
+                <%= render component("ui/forms/field").text_field(ba_form, :name) %>
+                <%= render component("ui/forms/field").text_field(ba_form, :address1) %>
+                <%= render component("ui/forms/field").text_field(ba_form, :address2) %>
+                <div class="flex w-full space-x-4">
+                  <%= render component("ui/forms/field").text_field(ba_form, :city, class: "flex-1") %>
+                  <%= render component("ui/forms/field").text_field(ba_form, :zipcode, class: "flex-1") %>
+                </div>
+                <%= render component("ui/forms/field").select(ba_form, :country, Spree::Country.all.map { |c| [c.name, c.id] }) %>
+                <%= render component("ui/forms/field").select(ba_form, :state, Spree::State.all.map { |s| [s.name, s.id] }) %>
+                <%= render component("ui/forms/field").text_field(ba_form, :phone) %>
+              <% end %>
+            </div>
+          </div>
         <% end %>
       <% end %>
 

admin/app/components/solidus_admin/orders/show/component.rb

@@ -4,7 +4,7 @@ class SolidusAdmin::Orders::Show::Component < SolidusAdmin::BaseComponent
   include SolidusAdmin::Layout::PageHelpers
 
   def initialize(order:)
-    @order = order
+    @order = Spree::Order.complete.last #order
   end
 
   def form_id

admin/app/components/solidus_admin/orders/show/component.yml

@@ -4,3 +4,6 @@ en:
   save: Save
   discard: Discard
   title: "Order %{number}"
+  customer_information: Create a new customer
+  shipping_address: Shipping Address
+  billing_address: Billing Address