solidus_admin 0.4.0 → 0.5.0

data/app/components/solidus_admin/option_types/new/component.yml

@@ -0,0 +1,4 @@
+en:
+  title: "New Option Type"
+  cancel: "Cancel"
+  submit: "Add Option Type"

data/app/components/solidus_admin/option_values/edit/component.html.erb

@@ -0,0 +1,16 @@
+<%= turbo_frame_tag :option_value_modal, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @option_value, url: form_url, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
+        <%= render component("ui/forms/field").text_field(f, :presentation, class: "required") %>
+      </div>
+      <% modal.with_actions do %>
+        <form method="dialog">
+          <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
+        </form>
+        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/option_values/edit/component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::OptionValues::Edit::Component < SolidusAdmin::Resources::Edit::Component
+end

data/app/components/solidus_admin/option_values/edit/component.yml

@@ -0,0 +1,4 @@
+en:
+  title: "Edit Option Value"
+  cancel: "Cancel"
+  submit: "Update Option Value"

data/app/components/solidus_admin/option_values/new/component.html.erb

@@ -0,0 +1,16 @@
+<%= turbo_frame_tag :option_value_modal, target: "_top" do %>
+  <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
+    <%= form_for @option_value, url: form_url, html: { id: form_id } do |f| %>
+      <div class="flex flex-col gap-6 pb-4">
+        <%= render component("ui/forms/field").text_field(f, :name, class: "required") %>
+        <%= render component("ui/forms/field").text_field(f, :presentation, class: "required") %>
+      </div>
+      <% modal.with_actions do %>
+        <form method="dialog">
+          <%= render component("ui/button").new(scheme: :secondary, text: t('.cancel')) %>
+        </form>
+        <%= render component("ui/button").new(form: form_id, type: :submit, text: t('.submit')) %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/components/solidus_admin/option_values/new/component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::OptionValues::New::Component < SolidusAdmin::Resources::New::Component
+  def form_url
+    solidus_admin.option_type_option_values_path(@option_value.option_type)
+  end
+end

data/app/components/solidus_admin/option_values/new/component.yml

@@ -0,0 +1,4 @@
+en:
+  title: "New Option Value"
+  cancel: "Cancel"
+  submit: "Add Option Value"

data/app/components/solidus_admin/option_values/table/component.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::OptionValues::Table::Component < SolidusAdmin::BaseComponent
+  def initialize(option_type)
+    @option_type = option_type
+  end
+
+  def call
+    render component("ui/table").new(
+      id: stimulus_id,
+      data: {
+        class: Spree::OptionValue,
+        rows: @option_type.option_values,
+        columns: option_value_columns,
+        batch_actions: [
+          {
+            label: t(".batch_actions.delete"),
+            action: solidus_admin.option_type_option_values_path(@option_type),
+            method: :delete,
+            icon: "delete-bin-7-line",
+            require_confirmation: true
+          }
+        ]
+      },
+      sortable: {
+        url: ->(option_value) { solidus_admin.move_option_value_path(option_value) },
+        param: "position"
+      },
+      embedded: true
+    )
+  end
+
+  def option_value_columns
+    [
+      {
+        header: :name,
+        data: ->(option_value) do
+          link_to option_value.name, solidus_admin.edit_option_value_path(option_value),
+            class: "body-link",
+            data: {turbo_frame: :option_value_modal}
+        end
+      },
+      {
+        header: :presentation,
+        data: ->(option_value) do
+          link_to option_value.presentation, solidus_admin.edit_option_value_path(option_value),
+            class: "body-link",
+            data: {turbo_frame: :option_value_modal}
+        end
+      }
+    ]
+  end
+end

data/app/components/solidus_admin/option_values/table/component.yml

@@ -0,0 +1,3 @@
+en:
+  batch_actions:
+    delete: "Delete"

data/app/components/solidus_admin/orders/cart/component.html.erb

@@ -37,19 +37,18 @@
                   ) %>
                 </td>
                 <td class="px-6 py-4">
-                  <%= form_for(line_item, url: solidus_admin.order_line_item_path(@order, line_item), html: {
+                  <%= solidus_form_for(line_item, url: solidus_admin.order_line_item_path(@order, line_item), html: {
                     "data-controller": "readonly-when-submitting"
                   }) do |f| %>
-                    <%= render component("ui/forms/input").new(
-                      name: "#{f.object_name}[quantity]",
+                    <%= f.input(
+                      :quantity,
                       type: :number,
-                      value: line_item.quantity,
                       "aria-label": "Quantity",
                       min: 0,
                       class: "!w-16 inline-block",
                       "data-action": "input->#{stimulus_id}#updateLineItem",
                     ) %>
-                    <% render component("ui/button").new(type: :submit, text: "Update", class: "inline-block") %>
+                    <% f.submit(class: "inline-block") %>
                   <% end %>
                 </td>
                 <td class="px-6 py-4">
@@ -62,8 +61,7 @@
                       size: :s,
                       title: t("spree.delete"),
                       icon: 'close-line',
-                      "data-controller": "confirm",
-                      "data-confirm-text-value": t("spree.are_you_sure"),
+                      "data-turbo-confirm": t("spree.are_you_sure")
                     ) %>
                   <% end %>
                 </td>

data/app/components/solidus_admin/orders/cart/result/component.html.erb

@@ -1,9 +1,9 @@
 <%= render component('ui/forms/search/result').new do %>
-  <%= form_for(@order.line_items.build(variant: @variant), url: solidus_admin.order_line_items_path(@order), method: :post, html: {
+  <%= solidus_form_for(@order.line_items.build(variant: @variant), url: solidus_admin.order_line_items_path(@order), method: :post, html: {
     "data-controller": "readonly-when-submitting",
     class: "flex items-center",
   }) do |f| %>
-    <%= hidden_field_tag("#{f.object_name}[variant_id]", @variant.id) %>
+    <%= f.hidden_field(:variant_id) %>
     <div class="flex gap-2 grow">
       <%= render component("ui/thumbnail").new(
         src: @image&.url(:small),

data/app/components/solidus_admin/orders/index/component.rb

@@ -24,27 +24,27 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
   def page_actions
     render component("ui/button").new(
       tag: :a,
-      text: t('.add'),
+      text: t(".add"),
       href: spree.new_admin_order_path,
-      icon: "add-line",
+      icon: "add-line"
     )
   end
 
   def scopes
     [
-      { label: t('.scopes.complete'), name: 'completed', default: true },
-      { label: t('.scopes.in_progress'), name: 'in_progress' },
-      { label: t('.scopes.returned'), name: 'returned' },
-      { label: t('.scopes.canceled'), name: 'canceled' },
-      { label: t('.scopes.all_orders'), name: 'all' },
+      {label: t(".scopes.complete"), name: "completed", default: true},
+      {label: t(".scopes.in_progress"), name: "in_progress"},
+      {label: t(".scopes.returned"), name: "returned"},
+      {label: t(".scopes.canceled"), name: "canceled"},
+      {label: t(".scopes.all_orders"), name: "all"}
     ]
   end
 
   def filters
     [
       {
-        label: t('.filters.status'),
-        combinator: 'or',
+        label: t(".filters.status"),
+        combinator: "or",
         attribute: "state",
         predicate: "eq",
         options: Spree::Order.state_machines[:state].states.map do |state|
@@ -55,8 +55,8 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
         end
       },
       {
-        label: t('.filters.shipment_state'),
-        combinator: 'or',
+        label: t(".filters.shipment_state"),
+        combinator: "or",
         attribute: "shipment_state",
         predicate: "eq",
         options: %i[backorder canceled partial pending ready shipped].map do |option|
@@ -67,8 +67,8 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
         end
       },
       {
-        label: t('.filters.payment_state'),
-        combinator: 'or',
+        label: t(".filters.payment_state"),
+        combinator: "or",
         attribute: "payment_state",
         predicate: "eq",
         options: %i[balance_due checkout completed credit_owed invalid paid pending processing void].map do |option|
@@ -79,8 +79,8 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
         end
       },
       {
-        label: t('.filters.store'),
-        combinator: 'or',
+        label: t(".filters.store"),
+        combinator: "or",
         attribute: "store_id",
         predicate: "eq",
         options: Spree::Store.all.pluck(:name, :id)
@@ -97,7 +97,7 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
       total_column,
       items_column,
       payment_column,
-      shipment_column,
+      shipment_column
     ]
   end
 
@@ -106,7 +106,7 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
       header: :order,
       data: ->(order) do
         if !row_fade(order)
-          content_tag :div, order.number, class: 'font-semibold'
+          content_tag :div, order.number, class: "font-semibold"
         else
           content_tag :div, order.number
         end
@@ -119,12 +119,12 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
       header: :state,
       data: ->(order) do
         color = {
-          'complete' => :green,
-          'returned' => :red,
-          'canceled' => :blue,
-          'cart' => :graphite_light,
+          "complete" => :green,
+          "returned" => :red,
+          "canceled" => :blue,
+          "cart" => :graphite_light
         }[order.state] || :yellow
-        component('ui/badge').new(name: order.state.humanize, color:)
+        component("ui/badge").new(name: order.state.humanize, color:)
       end
     }
   end
@@ -140,7 +140,7 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
 
   def customer_column
     {
-      col: { class: "w-[400px]" },
+      col: {class: "w-[400px]"},
       header: :customer,
       data: ->(order) do
         customer_email = order.email
@@ -162,7 +162,7 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
     {
       header: :items,
       data: ->(order) do
-        content_tag :div, t('.columns.items', count: order.line_items.sum(:quantity))
+        content_tag :div, t(".columns.items", count: order.line_items.sum(&:quantity))
       end
     }
   end
@@ -171,7 +171,7 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
     {
       header: :payment,
       data: ->(order) do
-        component('ui/badge').new(name: order.payment_state.humanize, color: order.paid? ? :green : :yellow) if order.payment_state?
+        component("ui/badge").new(name: order.payment_state.humanize, color: order.paid? ? :green : :yellow) if order.payment_state?
       end
     }
   end
@@ -180,7 +180,7 @@ class SolidusAdmin::Orders::Index::Component < SolidusAdmin::UI::Pages::Index::C
     {
       header: :shipment,
       data: ->(order) do
-        component('ui/badge').new(name: order.shipment_state.humanize, color: order.shipped? ? :green : :yellow) if order.shipment_state?
+        component("ui/badge").new(name: order.shipment_state.humanize, color: order.shipped? ? :green : :yellow) if order.shipment_state?
       end
     }
   end

data/app/components/solidus_admin/orders/show/address/component.html.erb

@@ -1,7 +1,7 @@
 <div class="<%= stimulus_id %>" data-controller="<%= stimulus_id %>">
   <%= turbo_frame_tag "edit_order_#{params[:type]}_address_modal" do %>
     <%= render component("ui/modal").new(title: t(".title.#{@type}")) do |modal| %>
-      <%= form_for @order, url: solidus_admin.send("order_#{@type}_address_path", @order), html: { id: form_id } do |form| %>
+      <%= solidus_form_for @order, url: solidus_admin.send("order_#{@type}_address_path", @order), html: { id: form_id } do |form| %>
         <div class="w-full flex flex-col mb-4">
           <div class="flex justify-between items-center mb-4 relative">
             <h2 class="text-sm font-semibold">
@@ -28,23 +28,15 @@
 
           <div class="w-full flex gap-4">
             <%= turbo_frame_tag address_frame_id do %>
-              <%= render component('ui/forms/address').new(address: @address, name: "order[#{@type}_address_attributes]") %>
+              <%= render component('ui/forms/address').new(addressable: @address, form_field_name: "order[#{@type}_address_attributes]") %>
             <% end %>
           </div>
 
-          <label class="flex gap-2 items-center">
-            <%= form.hidden_field use_attribute, value: '0', id: false %>
-
-            <%= render component("ui/forms/checkbox").new(
-              name: "#{form.object_name}[#{use_attribute}]",
-              checked: @address == (@type == 'ship' ? @order.bill_address : @order.ship_address),
-              value: '1'
-            ) %>
-
-            <span class="font-normal text-xs">
-              <%= t(".use_this_address.#{@type}") %>
-            </span>
-          </label>
+          <%= form.checkbox(use_attribute,
+            checked: @address == (@type == 'ship' ? @order.bill_address : @order.ship_address),
+            label: t(".use_this_address.#{@type}"),
+            label_options: { size: :xs })
+          %>
         </div>
       <% end %>
 
@@ -56,11 +48,7 @@
           ) %>
         </form>
 
-        <%= render component("ui/button").new(
-          tag: :button,
-          text: t(".save"),
-          form: form_id
-        ) %>
+        <%= render component("ui/button").save(form: form_id) %>
       <% end %>
     <% end %>
   <% end %>

data/app/components/solidus_admin/orders/show/address/component.rb

@@ -3,9 +3,9 @@
 class SolidusAdmin::Orders::Show::Address::Component < SolidusAdmin::BaseComponent
   include SolidusAdmin::Layout::PageHelpers
 
-  VALID_TYPES = ['ship', 'bill'].freeze
+  VALID_TYPES = ["ship", "bill"].freeze
 
-  def initialize(order:, address:, user: nil, type: 'ship')
+  def initialize(order:, address:, user: nil, type: "ship")
     @order = order
     @user = user
     @address = address
@@ -23,10 +23,10 @@ class SolidusAdmin::Orders::Show::Address::Component < SolidusAdmin::BaseCompone
 
   def use_attribute
     case @type
-    when 'ship'
-      'use_shipping'
-    when 'bill'
-      'use_billing'
+    when "ship"
+      "use_shipping"
+    when "bill"
+      "use_billing"
     end
   end
 
@@ -43,7 +43,7 @@ class SolidusAdmin::Orders::Show::Address::Component < SolidusAdmin::BaseCompone
       tag.br,
       address.country.name,
       tag.br,
-      address.phone,
+      address.phone
     ], " ")
   end
 

data/app/components/solidus_admin/orders/show/address/component.yml

@@ -1,5 +1,4 @@
 en:
-  save: Save
   cancel: Cancel
   back: Back
   select_address: Select address

data/app/components/solidus_admin/orders/show/adjustments/index/adjustable/spree_shipment/component.rb

@@ -2,7 +2,7 @@
 
 class SolidusAdmin::Orders::Show::Adjustments::Index::Adjustable::SpreeShipment::Component < SolidusAdmin::Orders::Show::Adjustments::Index::Adjustable::Component
   def caption
-    "#{t('spree.shipment')} ##{adjustable.number}"
+    "#{t("spree.shipment")} ##{adjustable.number}"
   end
 
   def detail

data/app/components/solidus_admin/orders/show/adjustments/index/component.rb

@@ -18,7 +18,10 @@ class SolidusAdmin::Orders::Show::Adjustments::Index::Component < SolidusAdmin::
   def initialize(order:, adjustments:)
     @order = order
     @adjustments = adjustments
-    @page = GearedPagination::Recordset.new(adjustments, per_page: adjustments.size).page(1)
+  end
+
+  def rows
+    @adjustments
   end
 
   def batch_actions
@@ -37,10 +40,10 @@ class SolidusAdmin::Orders::Show::Adjustments::Index::Component < SolidusAdmin::
       },
       {
         label: t(".actions.delete"),
-        action: spree.admin_order_adjustment_path(@order, '[]'),
+        action: spree.admin_order_adjustment_path(@order, "[]"),
         method: :delete,
         icon: "delete-bin-7-line"
-      },
+      }
     ]
   end
 
@@ -57,13 +60,13 @@ class SolidusAdmin::Orders::Show::Adjustments::Index::Component < SolidusAdmin::
       {
         header: :state,
         wrap: true,
-        col: { class: 'w-[calc(5rem+2rem+2.5rem+1px)]' },
+        col: {class: "w-[calc(5rem+2rem+2.5rem+1px)]"},
         data: ->(adjustment) {
           if adjustment.finalized?
-            icon = 'lock-fill'
+            icon = "lock-fill"
             title = t(".state.locked")
           else
-            icon = 'lock-unlock-line'
+            icon = "lock-unlock-line"
             title = t(".state.unlocked")
           end
           icon_tag(icon, class: "w-5 h-5 align-middle") + tag.span(title)
@@ -71,26 +74,26 @@ class SolidusAdmin::Orders::Show::Adjustments::Index::Component < SolidusAdmin::
       },
       {
         header: :adjustable,
-        col: { class: 'w-56' },
+        col: {class: "w-56"},
         data: ->(adjustment) {
           render_thumbnail_with_caption(adjustment, :adjustable)
         }
       },
       {
         header: :source,
-        col: { class: "w-56" },
+        col: {class: "w-56"},
         data: ->(adjustment) {
           render_thumbnail_with_caption(adjustment, :source)
         }
       },
       {
         header: :amount,
-        col: { class: 'w-24' },
+        col: {class: "w-24"},
         data: ->(adjustment) { tag.span adjustment.display_amount.to_html, class: "grow text-right whitespace-nowrap" }
       },
       {
-        header: tag.span(t(".actions.title"), class: 'sr-only'),
-        col: { class: 'w-24' },
+        header: tag.span(t(".actions.title"), class: "sr-only"),
+        col: {class: "w-24"},
         wrap: false,
         data: ->(adjustment) do
           actions = []
@@ -99,7 +102,7 @@ class SolidusAdmin::Orders::Show::Adjustments::Index::Component < SolidusAdmin::
             actions << link_to(
               t(".actions.edit"),
               spree.edit_admin_order_adjustment_path(@order, adjustment),
-              class: 'body-link',
+              class: "body-link"
             )
           end
 
@@ -108,32 +111,32 @@ class SolidusAdmin::Orders::Show::Adjustments::Index::Component < SolidusAdmin::
               t(".actions.unlock"),
               solidus_admin.unlock_order_adjustments_path(@order, id: adjustment),
               "data-turbo-method": :put,
-              "data-turbo-confirm": t('.confirm'),
-              class: 'body-link',
+              "data-turbo-confirm": t(".confirm"),
+              class: "body-link"
             )
           else
             actions << link_to(
               t(".actions.lock"),
               solidus_admin.lock_order_adjustments_path(@order, id: adjustment),
               "data-turbo-method": :put,
-              "data-turbo-confirm": t('.confirm'),
-              class: 'body-link',
+              "data-turbo-confirm": t(".confirm"),
+              class: "body-link"
             )
             actions << link_to(
               t(".actions.delete"),
               spree.admin_order_adjustment_path(@order, adjustment),
               "data-turbo-method": :delete,
-              "data-turbo-confirm": t('.confirm'),
-              class: 'body-link !text-red-500',
+              "data-turbo-confirm": t(".confirm"),
+              class: "body-link !text-red-500"
             )
           end
 
-          render component('ui/dropdown').new(
+          render component("ui/dropdown").new(
             direction: :right,
-            class: 'relative w-fit m-auto',
+            class: "relative w-fit m-auto"
           ).with_content(safe_join(actions))
         end
-      },
+      }
     ]
   end
 

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

@@ -3,8 +3,8 @@
     <%= page_header_back(solidus_admin.orders_path) %>
     <%= page_header_title(t('.title', number: @order.number)) %>
     <%= page_header_actions do %>
-      <%= render component("ui/button").new(tag: :button, scheme: :secondary, text: t(".discard"), form: form_id) %>
-      <%= render component("ui/button").new(tag: :button, text: t(".save"), form: form_id) %>
+      <%= render component("ui/button").discard(path: solidus_admin.orders_path) %>
+      <%= render component("ui/button").save(form: form_id) %>
     <% end %>
   <% end %>
 

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

@@ -25,7 +25,7 @@ class SolidusAdmin::Orders::Show::Component < SolidusAdmin::BaseComponent
       tag.br,
       address.country.name,
       tag.br,
-      address.phone,
+      address.phone
     ], " ")
   end
 

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

@@ -1,11 +1,8 @@
 en:
-  save: Save
-  discard: Discard
   title: "Order %{number}"
   customer: Customer
   no_name: No name available
   order_email: Order contact email
-  back: Back to orders
   same_as_shipping: Same as shipping address
 
   edit_email: "Edit order email"

data/app/components/solidus_admin/orders/show/customer_search/result/component.html.erb

@@ -1,10 +1,10 @@
 <%= render component('ui/forms/search/result').new do %>
   <% if @customer %>
-    <%= form_for(@order, url: solidus_admin.order_path(@order), html: {
+    <%= solidus_form_for(@order, url: solidus_admin.order_path(@order), html: {
       "data-controller": "readonly-when-submitting",
       class: "flex items-center",
     }) do |f| %>
-      <%= hidden_field_tag("#{f.object_name}[user_id]", @customer.id) %>
+      <%= f.hidden_field(:user_id, value: @customer.id) %>
       <button type="submit" class="flex gap-2 grow items-center">
         <%= render component("ui/icon").new(name: "user-line", class: 'w-5 h-5 m-2') %>
         <div  class="flex-col text-left">

data/app/components/solidus_admin/orders/show/email/component.html.erb

@@ -1,8 +1,8 @@
 <div class="<%= stimulus_id %>">
   <%= turbo_frame_tag "edit_order_email_modal" do %>
     <%= render component("ui/modal").new(title: t(".title")) do |modal| %>
-      <%= form_for @order, url: solidus_admin.order_path(@order), html: { id: form_id } do |f| %>
-        <%= render component("ui/forms/field").text_field(f, :email) %>
+      <%= solidus_form_for @order, url: solidus_admin.order_path(@order), html: { id: form_id } do |f| %>
+        <%= f.text_field(:email) %>
         <label class="font-normal text-sm mt-4 block">
           <%= t('.guest_checkout') %>:
           <output class="font-semibold text-sm"><%= @order.user ? t('.no') : t('.yes') %></output>

data/app/components/solidus_admin/payment_methods/edit/component.html.erb

@@ -0,0 +1,13 @@
+<%= page id: :resource_form do %>
+  <%= page_header do %>
+    <%= page_header_back back_url %>
+    <%= page_header_title t(".title", payment_method_name: @resource.name) %>
+
+    <%= page_header_actions do %>
+      <%= render component("ui/button").discard(path: back_url) %>
+      <%= render component("ui/button").save(form: form_id) %>
+    <% end %>
+  <% end %>
+
+  <%= render component("payment_methods/form").new(payment_method: @resource, url: solidus_admin.payment_method_path(@resource), form_id:) %>
+<% end %>

data/app/components/solidus_admin/payment_methods/edit/component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class SolidusAdmin::PaymentMethods::Edit::Component < SolidusAdmin::Resources::Edit::Component
+  include SolidusAdmin::Layout::PageHelpers
+
+  def back_url = solidus_admin.payment_methods_path
+end

data/app/components/solidus_admin/payment_methods/edit/component.yml

@@ -0,0 +1,2 @@
+en:
+  title: "Edit %{payment_method_name}"