spree_vpago 0.1.0.pre.beta

data/app/views/spree/admin/payout_profile_products/_form.html.erb

@@ -0,0 +1,28 @@
+<%= f.field_container :payout_profile_id do %>
+  <%= f.label :payout_profile_id, Spree.t(:payout_profile) %>
+  <%= f.collection_select :payout_profile_id, @product.vendor.payout_profiles, :id, :display_name, { prompt: Spree.t('match_choices.none') }, class: 'form-control select2' %>
+  <%= f.error_message_on :payout_profile_id %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/payout_profile/info_card', locals: { payout_profile: f.object.payout_profile } if f.object.payout_profile.present? %>
+
+<%= f.field_container :optional, class: ["form-group card card-body"] do %>
+  <% default = object.class.columns_hash['optional'].default %>
+
+  <strong><%= Spree.t(:optional) %></strong>
+  <div class="radio my-2 form-check">
+    <%= f.radio_button :optional, true, class: 'form-check-input' %>
+    <%= f.label :optional_true, Spree.t(:say_yes) + (default == 'true' ? ' (default)' : ''), class: 'form-check-label' %>
+    <small class="form-text text-muted">
+      <%= "User can buy this product with other payment methods beside #{f.object.payout_profile.bank_name}, but amount will be sent to #{Spree::Store.default.name} account" %>
+    </small>
+  </div>
+
+  <div class="radio my-2 form-check">
+    <%= f.radio_button :optional, false, class: 'form-check-input' %>
+    <%= f.label :optional_false, Spree.t(:say_no) + (default == 'false' ? ' (default)' : ''), class: 'form-check-label' %>
+    <small class="form-text text-muted">
+      <%= "User can only buy this product with #{f.object.payout_profile.bank_name} payment methods" %>
+    </small>
+  </div>
+<% end if f.object.payout_profile.present? %>

data/app/views/spree/admin/payout_profile_products/edit.html.erb

@@ -0,0 +1,18 @@
+<%= render partial: 'spree/admin/shared/product_tabs', locals: { current: :payout_profile_products } %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payout_profile_product } %>
+
+<%= render partial: 'spree/admin/shared/payout_profile/status', locals: { payout_profile: @payout_profile_product.payout_profile } %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:add_profiles), admin_payout_profiles_url(q: { vendor_id_eq: @product.vendor_id }), icon: 'arrow-right-circle.svg' %>
+<% end %>
+
+<%= form_for @payout_profile_product, url: object_url do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <div class="form-actions" data-hook="buttons">
+      <%= button Spree.t('actions.update'), 'save.svg', 'submit', { class: 'btn-success', data: { disable_with: "#{ Spree.t(:saving) }..." } } %>
+      <%= link_to_with_icon 'delete.svg', Spree.t(:delete), object_url(@payout_profile_product), { class: 'btn btn-danger float-right', data: { confirm: Spree.t(:are_you_sure), method: :delete } } %>
+    </div>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/payout_profile_products/index.html.erb

@@ -0,0 +1,58 @@
+<%= render partial: 'spree/admin/shared/product_tabs', locals: { current: :payout_profile_products } %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:new), new_object_url, class: "btn-success", icon: 'add.svg' if can? :create, Spree::PayoutProfileProduct %>
+<% end %>
+
+<% if @product.vendor&.payout_profiles.empty? %>
+  <div class="alert alert-warning d-flex justify-content-between align-items-center">
+    <span><%= raw "There is no profiles added to <strong>#{@product.vendor&.name}</strong>" %></span>
+    <%= button_link_to Spree.t(:add), admin_payout_profiles_url, { icon: 'add.svg', class: 'btn-outline-dark' } %>
+  </div>
+<% end %>
+
+<div class="alert alert-info">
+  Only active & verified profile will receive payout amount.
+</div>
+
+
+<% if @payout_profile_products.any? %>
+<div class="table-responsive border rounded bg-white mb-3">
+  <table class="table">
+    <thead class="text-muted">
+      <tr data-hook="admin_payout_profile_products_index_headers">
+        <th></th>
+        <th><%= Spree.t(:profile) %></th>
+        <th class="text-center"><%= Spree.t(:active) %></th>
+        <th class="text-center"><%= Spree.t(:verified_at) %></th>
+        <th><%= Spree.t(:bank_account_number) %></th>
+        <th><%= Spree.t(:created_at) %></th>
+        <th data-hook="admin_payout_profile_products_index_header_actions" class="actions"></th>
+      </tr>
+    </thead>
+    <tbody id="sortVert">
+      <% @payout_profile_products.each do |payout_profile_product| %>
+          <td class="move-handle text-center">
+            <%= svg_icon name: "sort.svg", width: '18', height: '18' %>
+          </td>
+          <td><%= link_to payout_profile_product.payout_profile&.name, edit_admin_payout_profile_path(payout_profile_product.payout_profile) if payout_profile_product.payout_profile&.present? %></td>
+          <td class="text-center"><%= active_badge(payout_profile_product.payout_profile&.active) %></td>
+          <td class="text-center"><%= active_badge(payout_profile_product.payout_profile&.verified_at) %></td>
+          <td><%= payout_profile_product.payout_profile&.bank_account_number %></td>
+          <td><%= pretty_time(payout_profile_product.created_at) %></td>
+          <td data-hook="admin_payout_profile_products_index_row_actions" class="actions">
+            <span class="d-flex justify-content-end">
+              <%= link_to_delete(payout_profile_product, no_text: true) if can? :delete, payout_profile_product %>
+            </span>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+  </div>
+<% else %>
+  <div class="text-center no-objects-found m-5">
+    <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::PayoutProfileProduct)) %>,
+    <%= link_to(Spree.t(:add_one), new_object_url) if can? :create, Spree::PayoutProfileProduct %>!
+  </div>
+<% end %>

data/app/views/spree/admin/payout_profile_products/new.html.erb

@@ -0,0 +1,22 @@
+<%= render partial: 'spree/admin/shared/product_tabs', locals: { current: :payout_profile_products } %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payout_profile_product } %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:add_profiles) + " (#{@product.vendor&.name})", admin_payout_profiles_url(q: { vendor_id_eq: @product.vendor_id }), icon: 'arrow-right-circle.svg' %>
+<% end if @product.vendor.payout_profiles.any? %>
+
+<% if @product.vendor.payout_profiles.none? %>
+  <div class="alert alert-warning mb-3 d-flex justify-content-between align-items-center">
+    To set up payouts for this product, make sure the vendor has a payout account linked
+    <%= button_link_to Spree.t(:add_profiles) + " (#{@product.vendor&.name})", new_admin_payout_profile_url(vendor_id: @product.vendor_id), class: "btn-warning", icon: 'arrow-right-circle.svg' %>
+  </div>
+<% end %>
+
+<%= form_for @payout_profile_product, url: collection_url do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <div class="form-actions" data-hook="buttons">
+      <%= button Spree.t('actions.create'), 'save.svg', 'submit', {class: 'btn-success', data: { disable_with: "#{ Spree.t(:saving) }..." }} %>
+    <div>
+  </fieldset>
+<% end if @product.vendor.payout_profiles.any? %>

data/app/views/spree/admin/payout_profile_shipping_methods/_form.html.erb

@@ -0,0 +1,28 @@
+<%= f.field_container :payout_profile_id do %>
+  <%= f.label :payout_profile_id, Spree.t(:payout_profile) %>
+  <%= f.collection_select :payout_profile_id, @shipping_method.vendor.payout_profiles, :id, :display_name, { prompt: Spree.t('match_choices.none') }, class: 'form-control select2' %>
+  <%= f.error_message_on :payout_profile_id %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/payout_profile/info_card', locals: { payout_profile: f.object.payout_profile } if f.object.payout_profile.present? %>
+
+<%= f.field_container :optional, class: ["form-group card card-body"] do %>
+  <% default = object.class.columns_hash['optional'].default %>
+
+  <strong><%= Spree.t(:optional) %></strong>
+  <div class="radio my-2 form-check">
+    <%= f.radio_button :optional, true, class: 'form-check-input' %>
+    <%= f.label :optional_true, Spree.t(:say_yes) + (default == 'true' ? ' (default)' : ''), class: 'form-check-label' %>
+    <small class="form-text text-muted">
+      <%= "User can select this shipping method with other payment methods beside #{f.object.payout_profile.bank_name}, but amount will be sent to #{Spree::Store.default.name} account" %>
+    </small>
+  </div>
+
+  <div class="radio my-2 form-check">
+    <%= f.radio_button :optional, false, class: 'form-check-input' %>
+    <%= f.label :optional_false, Spree.t(:say_no) + (default == 'false' ? ' (default)' : ''), class: 'form-check-label' %>
+    <small class="form-text text-muted">
+      <%= "User can only select this shipping method with #{f.object.payout_profile.bank_name} payment methods" %>
+    </small>
+  </div>
+<% end if f.object.payout_profile.present? %>

data/app/views/spree/admin/payout_profile_shipping_methods/edit.html.erb

@@ -0,0 +1,22 @@
+<%= render partial: 'spree/admin/shared/shipping_method_tabs', locals: { current: :payout_profile_shipping_methods } %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payout_profile_shipping_method } %>
+<%= render partial: 'spree/admin/shared/payout_profile/status', locals: { payout_profile: @payout_profile_shipping_method.payout_profile } if @payout_profile_shipping_method.payout_profile.present? %>
+
+<% content_for :page_title do %>
+  <%= link_to Spree.t(:shipping_methods), spree.admin_shipping_methods_url %> /
+  <%= @shipping_method.name %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:add_profiles), admin_payout_profiles_url(q: { vendor_id_eq: @shipping_method.vendor_id }), icon: 'arrow-right-circle.svg' %>
+<% end %>
+
+<%= form_for @payout_profile_shipping_method, url: object_url do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <div class="form-actions" data-hook="buttons">
+      <%= button Spree.t('actions.update'), 'save.svg', 'submit', { class: 'btn-success', data: { disable_with: "#{ Spree.t(:saving) }..." } } %>
+      <%= link_to_with_icon 'delete.svg', Spree.t(:delete), object_url(@payout_profile_shipping_method), { class: 'btn btn-danger float-right', data: { confirm: Spree.t(:are_you_sure), method: :delete } } %>
+    </div>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/payout_profile_shipping_methods/index.html.erb

@@ -0,0 +1,6 @@
+<%= render partial: 'spree/admin/shared/shipping_method_tabs', locals: { current: :payout_profile_shipping_methods } %>
+
+<% content_for :page_title do %>
+  <%= link_to Spree.t(:shipping_methods), spree.admin_shipping_methods_url %> /
+  <%= @shipping_method.name %>
+<% end %>

data/app/views/spree/admin/payout_profile_shipping_methods/new.html.erb

@@ -0,0 +1,27 @@
+<%= render partial: 'spree/admin/shared/shipping_method_tabs', locals: { current: :payout_profile_shipping_methods } %>
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payout_profile_shipping_method } %>
+
+<% content_for :page_title do %>
+  <%= link_to Spree.t(:shipping_methods), spree.admin_shipping_methods_url %> /
+  <%= @shipping_method.name %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:add_profiles) + " (#{@shipping_method.vendor&.name})", admin_payout_profiles_url(q: { vendor_id_eq: @shipping_method.vendor_id }), icon: 'arrow-right-circle.svg' %>
+<% end if @shipping_method.vendor.payout_profiles.any? %>
+
+<% if @shipping_method.vendor.payout_profiles.none? %>
+  <div class="alert alert-warning mb-3 d-flex justify-content-between align-items-center">
+    To set up payouts for this product, make sure the vendor has a payout account linked
+    <%= button_link_to Spree.t(:add_profiles) + " (#{@shipping_method.vendor&.name})", new_admin_payout_profile_url(vendor_id: @shipping_method.vendor_id), class: "btn-warning", icon: 'arrow-right-circle.svg' %>
+  </div>
+<% end %>
+
+<%= form_for @payout_profile_shipping_method, url: collection_url do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <div class="form-actions" data-hook="buttons">
+      <%= button Spree.t('actions.create'), 'save.svg', 'submit', {class: 'btn-success', data: { disable_with: "#{ Spree.t(:saving) }..." }} %>
+    <div>
+  </fieldset>
+<% end if @shipping_method.vendor.payout_profiles.any? %>

data/app/views/spree/admin/payout_profiles/_filter.html.erb

@@ -0,0 +1,19 @@
+<%= search_form_for [:admin, @search] do |f| %>
+  <div data-hook="admin_payout_profile_search" class="row">
+    <div class="col-12 col-lg-6">
+      <div class="form-group">
+        <%= f.label :name_cont, Spree.t(:name) %>
+        <%= f.text_field :name_cont, size: 15, class: "form-control js-quick-search-target js-filterable" %>
+      </div>
+    </div>
+    <div class="col-12 col-lg-6">
+      <div class="form-group">
+        <%= f.label :vendor_id_eq, Spree.t(:vendor) %>
+        <%= f.select :vendor_id_eq, Spree::Vendor.all.map{|t| [t.name , t.id]}, { include_blank: true}, class: 'form-control js-filterable' %>
+      </div>
+    </div>
+  </div>
+  <div class="form-actions">
+    <%= button Spree.t(:search), 'search.svg' %>
+  </div>
+<% end %>

data/app/views/spree/admin/payout_profiles/_form.html.erb

@@ -0,0 +1,72 @@
+<div data-hook="admin_payout_profile_form_fields">
+  <div data-hook="payout_profile" class="row">
+    <div class="col-12 col-md-6">
+      <div class="card mb-3">
+        <div class="card-header">
+          <h5 class="mb-0"><%= Spree.t(:settings) %></h5>
+        </div>
+        <div class="card-body">
+          <%= f.field_container :type, class: ["form-group"] do %>
+            <%= f.label :type, Spree.t(:provider) %>
+            <%= f.select(:type, @types, {}, { class: 'select2' }) %>
+          <% end %>
+
+          <%= f.field_container :vendor do %>
+            <%= f.label :vendor, Spree.t(:vendors) %>
+            <%= f.collection_select :vendor_id, Spree::Vendor.all, :id, :name, { prompt: Spree.t('match_choices.none'), selected: f.object.vendor_id || params[:vendor_id] }, class: 'form-control select2' %>
+            <%= f.error_message_on :vendor_id %>
+          <% end unless f.object.default? %>
+
+          <%= f.field_container :name, class: ["form-group"] do %>
+            <%= f.label :name, Spree.t(:name) %>
+            <%= f.text_field :name, class: 'form-control' %>
+            <%= f.error_message_on :name %>
+            <small class="form-text text-muted">
+              <%= raw "Set '<strong>#{Spree::Store.default&.name}</strong>' to mark as default" %>
+            </small>
+          <% end %>
+
+          <%= f.field_container :bank_account_number, class: ["form-group"] do %>
+            <%= f.label :bank_account_number, Spree.t(:bank_account_number) %> <span class="required">*</span>
+            <%= f.text_field :bank_account_number, class: 'form-control' %>
+            <%= f.error_message_on :bank_account_number %>
+          <% end %>
+
+          <%= f.field_container :active, class: ["form-group card card-body"] do %>
+            <strong><%= Spree.t(:active) %></strong>
+            <div class="radio my-2 form-check">
+              <%= f.radio_button :active, true, class: 'form-check-input' %>
+              <%= f.label :active_true, Spree.t(:say_yes), class: 'form-check-label' %>
+            </div>
+
+            <div class="radio my-2 form-check">
+              <%= f.radio_button :active, false, class: 'form-check-input' %>
+              <%= f.label :active_false, Spree.t(:say_no), class: 'form-check-label' %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-12 col-md-6">
+      <div class="card mb-3">
+        <div class="card-header">
+          <h5 class="mb-0"><%= Spree.t(:payout_profile_settings) %></h5>
+        </div>
+        <div class="card-body">
+          <div id="preference-settings" data-hook class="form-group">
+            <% unless @object.new_record? %>
+            <% if preference_fields(@object, f).empty? %>
+              <%= Spree.t('no_payout_profile_settings_message') %>
+            <% end %>
+              <%= preference_fields(@object, f) %>
+              <% if @object.respond_to?(:preferences) %>
+                <div id="gateway-settings-warning" class="info warning"><%= Spree.t(:provider_settings_warning) %></div>
+              <% end %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/spree/admin/payout_profiles/edit.html.erb

@@ -0,0 +1,33 @@
+<% content_for :page_title do %>
+  <%= link_to Spree.t(:payout_profiles), spree.admin_payout_profiles_path %> /
+  <%= @payout_profile.name %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payout_profile } %>
+
+<div class="card card-body mb-3">
+  <%= form_tag verify_with_bank_admin_payout_profile_path(@payout_profile), method: :post do %>
+    <div data-hook="active" class="form-group">
+      <strong><%= Spree.t(:verified) %></strong>
+      <a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" data-html="true" data-placement="bottom" title="Response Data" 
+      data-content="<%= @payout_profile.response_data %>">
+        <%= active_badge(@payout_profile.verified?) %>
+      </a>
+    </div>
+
+    <% if @payout_profile.verified_at.present? %>
+      <div data-hook="verified-at" class="form-group">
+        <p><%= Spree.t(:verified_at) %>: <%= pretty_time(@payout_profile.verified_at) %></p>
+      </div>
+    <% end %>
+
+    <%= button Spree.t('verify_with_bank'), 'send.svg', 'submit', { class: 'btn-outline-primary', data: { disable_with: "#{ Spree.t(:saving) }..." } } if @payout_profile.allow_to_verify_with_bank? %>
+  <% end %>
+</div>
+
+<%= form_for @payout_profile, url: admin_payout_profile_path(@payout_profile) do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/edit_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/payout_profiles/index.html.erb

@@ -0,0 +1,63 @@
+<% content_for :page_title do %>
+  <%= Spree.t(:payout_profiles) %>
+<% end %>
+
+<% content_for :page_actions do %>
+  <%= button_link_to Spree.t(:new), new_object_url(vendor_id: params.dig(:q, :vendor_id_eq)), class: "btn-success", icon: 'add.svg' %>
+<% end if can? :create, Spree::PayoutProfile %>
+
+<% content_for :table_filter do %>
+  <% render partial: 'filter' %>
+<% end %>
+
+<% if @payout_profiles.any? %>
+<div class="table-responsive border rounded bg-white mb-3">
+  <table class="table">
+    <thead class="text-muted">
+      <tr data-hook="admin_payout_profiles_index_headers">
+        <th><%= Spree.t(:name) %></th>
+        <th><%= Spree.t(:type) %></th>
+        <th><%= Spree.t(:vendor) %></th>
+        <th><%= Spree.t(:bank_account_number) %></th>
+        <th class="text-center"><%= Spree.t(:active) %></th>
+        <th><%= Spree.t(:verified_at) %></th>
+        <th><%= Spree.t(:updated_at) %></th>
+        <th data-hook="admin_payout_profiles_index_header_actions" class="actions"></th>
+      </tr>
+    </thead>
+    <tbody id="sortVert">
+      <% @payout_profiles.each do |profile| %>
+        <tr id="<%= spree_dom_id profile %>" data-hook="admin_payout_profiles_index_rows">
+          <td>
+            <%= profile.name %>
+            <% if profile.default? %>
+              <div class="badge badge-pill badge-info"><%= Spree.t(:default) %></div>
+            <% end %>
+          </td>
+          <td><%= profile.type&.demodulize %></td>
+          <td>
+            <%= link_to profile.vendor&.name, edit_admin_vendor_path(profile.vendor) if profile.vendor&.present? %>
+          </td>
+          <td><%= profile.bank_account_number %></td>
+          <td class="text-center"><%= active_badge(profile.active) %></td>
+          <td><%= pretty_time(profile.verified_at) %></td>
+          <td><%= pretty_time(profile.updated_at) %></td>
+          <td data-hook="admin_payout_profiles_index_row_actions" class="actions">
+            <span class="d-flex justify-content-end">
+              <%= link_to_edit(profile, no_text: true) if can? :edit, profile %>
+              <%= link_to_delete(profile, no_text: true) if can? :delete, profile %>
+            </span>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+  </div>
+<% else %>
+  <div class="text-center no-objects-found m-5">
+    <%= Spree.t(:no_resource_found, resource: plural_resource_name(Spree::PayoutProfile)) %>,
+    <%= link_to(Spree.t(:add_one), new_object_url(vendor_id: params.dig(:q, :vendor_id_eq))) if can? :create, Spree::PayoutProfile %>!
+  </div>
+<% end %>
+
+<%= paginate @payout_profiles, theme: 'admin-twitter-bootstrap-4' %>

data/app/views/spree/admin/payout_profiles/new.html.erb

@@ -0,0 +1,13 @@
+<% content_for :page_title do %>
+  <%= link_to Spree.t(:payout_profiles), spree.admin_payout_profiles_path %> /
+  <%= Spree.t(:new) %>
+<% end %>
+
+<%= render partial: 'spree/admin/shared/error_messages', locals: { target: @payout_profile } %>
+
+<%= form_for @payout_profile, url: collection_url do |f| %>
+  <fieldset>
+    <%= render partial: 'form', locals: { f: f } %>
+    <%= render partial: 'spree/admin/shared/new_resource_links' %>
+  </fieldset>
+<% end %>

data/app/views/spree/admin/payouts/_line_item_info_with_popover.html.erb

@@ -0,0 +1,43 @@
+<% subtotal = Spree::Money.new(payout.private_metadata.dig('payoutable', 'subtotal'), currency: payout.currency) %>
+<% vendor_adjustments_total_excluding_tax = Spree::Money.new(payout.private_metadata.dig('payoutable', 'vendor_adjustments_total_excluding_tax'), currency: payout.currency) %>
+<% vendor_tax_total = Spree::Money.new(payout.private_metadata.dig('payoutable', 'vendor_tax_total'), currency: payout.currency) %>
+<% vendor_pre_tax_amount = Spree::Money.new(payout.private_metadata.dig('payoutable', 'vendor_pre_tax_amount'), currency: payout.currency) %>
+
+<% commission_amount = Spree::Money.new(payout.private_metadata.dig('payoutable', 'commission_amount'), currency: payout.currency) %>
+<% pre_commission_amount = Spree::Money.new(payout.private_metadata.dig('payoutable', 'pre_commission_amount'), currency: payout.currency) %>
+<% commission_rate = payout.private_metadata.dig('payoutable', 'commission_rate') %>
+
+<% vendor_total = Spree::Money.new(payout.private_metadata.dig('payoutable', 'vendor_pre_tax_amount') + payout.private_metadata.dig('payoutable', 'vendor_tax_total'), currency: payout.currency) %>
+
+<span type="button"
+  data-toggle="popover"
+  data-trigger="hover"
+  data-html="true"
+  data-placement="right"
+  data-content="<%=
+  <<-HTML
+    <div class='m-0 px-3 py-2'>
+      <ul class='m-0 p-0'>
+        <li>
+          Price: #{line_item.single_money.to_html}
+          <div class="state badge badge-secondary badge-pill text-capitalize">x#{line_item.quantity}</div>
+        </li>
+        <li>Subtotal: #{subtotal}</li>
+        <li>Vendor adjustments: #{vendor_adjustments_total_excluding_tax}</li>
+        <li>Vendor collected tax: #{vendor_tax_total}</li>
+      </ul>
+      <hr>
+      <ul class='m-0 p-0'>
+        <li>Vendor total before tax: #{vendor_pre_tax_amount}</li>
+        <li>Vendor total: #{vendor_total}</li>
+      </ul>
+      <hr>
+      <ul class='m-0 p-0'>
+        <li>Commission:<br>#{vendor_pre_tax_amount} x #{commission_rate}% = #{commission_amount}</li>
+        <li class="mt-2">Pre commission:<br>#{vendor_total} - #{commission_amount} = #{pre_commission_amount}</li>
+      </ul>
+    </div>
+  HTML
+  %>">
+  <%= svg_icon name: "info-circle-fill.svg", width: '12', height: '12' %>
+</span>

data/app/views/spree/admin/payouts/index.html.erb

@@ -0,0 +1,46 @@
+<%= render partial: 'spree/admin/shared/order_tabs', locals: { current: :payouts } %>
+
+<div class="table-responsive border rounded bg-white mb-3">
+  <table class="table border rounded" id='payments' data-order-id='<%= @order.number %>'>
+    <thead class="text-muted">
+      <tr data-hook="payouts_header">
+        <th><%= Spree.t(:payout_profile) %></th>
+        <th><%= Spree.t(:state) %></th>
+        <th width="300"><%= Spree.t(:payoutable) %></th>
+        <th width="100"><%= Spree.t(:amount) %></th>
+        <th><%= Spree.t(:sent_amount) %></th>
+        <th><%= Spree.t(:outstanding_amount) %></th>
+        <th><%= Spree.t(:payment_number) %></th>
+        <th><%= Spree.t(:created_at) %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @payouts.each do |payout| %>
+        <tr id="<%= dom_id(payout) %>" data-hook="payout_row">
+          <td>
+            <%= link_to payout.payout_profile&.display_name, edit_admin_payout_profile_path(payout.payout_profile) if payout.payout_profile&.present? %>
+            <% if payout.default? %>
+              <div class="badge badge-pill badge-info"><%= Spree.t(:default) %></div>
+            <% end %>
+          </td>
+          <td>
+            <div class="state badge badge-<%= payout.confirmed? ? 'success' : 'secondary' %> badge-pill text-capitalize"><%= payout.state %></div>
+          </td>
+          <td><%= payout.payoutable&.try(:name) || payout.payoutable&.class&.name&.demodulize %></td>
+          <td>
+            <% if payout.payoutable.is_a?(Spree::LineItem) %>
+              <%= payout.display_amount_owed_to_vendor %>
+              <%= render partial: 'line_item_info_with_popover', locals: { payout: payout, line_item: payout.payoutable } if payout.private_metadata.present? %>
+            <% elsif payout.payoutable.is_a?(Spree::Shipment) %>
+              <%= payout.display_amount_owed_to_vendor %>
+            <% end %>
+          </td>
+          <td class="amount"><%= payout.display_amount %></td>
+          <td class="amount"><%= payout.display_outstanding_amount %></td>
+          <td><%= link_to payout.payment.number, admin_order_payment_path(order_id: payout.payment.order.number, id: payout.payment.number) %></td>
+          <td><%= pretty_time(payout.created_at) %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>

data/app/views/spree/admin/shared/_payment_methods_tabs.html.erb

@@ -0,0 +1,15 @@
+<% content_for(:page_tabs) do %>
+  <%= content_tag :li, class: 'nav-item' do %>
+    <%= link_to_with_icon 'building.svg',
+      Spree::Store.default&.name || Spree.t(:store),
+      admin_payment_methods_url,
+      class: "nav-link #{'active' if params[:tab].blank? }" %>
+  <% end if can?(:admin, Spree::PaymentMethod) %>
+
+  <%= content_tag :li, class: 'nav-item' do %>
+    <%= link_to_with_icon 'store.svg',
+      Spree.t(:vendors),
+      admin_payment_methods_url(tab: :vendors),
+      class: "nav-link #{'active' if params[:tab] == 'vendors' }" %>
+  <% end if can?(:admin, Spree::PaymentMethod) %>
+<% end %>

data/app/views/spree/admin/shared/_shipping_method_tabs.html.erb

@@ -0,0 +1,19 @@
+<% content_for :page_tabs do %>
+  <% if can? :update, @shipping_method %>
+    <li class="nav-item" data-hook='edit_shipment_method_tab'>
+      <%= link_to_with_icon 'edit.svg',
+        Spree.t(:edit),
+        edit_admin_shipping_method_url(@shipping_method),
+        class: "#{'active' if current == :edit} nav-link" %>
+    </li>
+  <% end %>
+
+  <% if can? :update, @shipping_method %>
+    <li class="nav-item" data-hook='edit_shipment_method_tab'>
+      <%= link_to_with_icon 'wallet2.svg',
+        Spree.t(:payout),
+        admin_shipping_method_payout_profile_shipping_methods_url(@shipping_method),
+        class: "#{'active' if current == :payout_profile_shipping_methods} nav-link" %>
+    </li>
+  <% end %>
+<% end %>

data/app/views/spree/admin/shared/payout_profile/_info_card.html.erb

@@ -0,0 +1,24 @@
+<ul class="list-group mb-3">
+  <li class="list-group-item d-flex justify-content-between align-items-center">
+    <%= Spree.t(:bank_account_number) %>
+    <strong>
+      <%= button_link_to payout_profile&.bank_account_number, edit_admin_payout_profile_path(payout_profile), icon: 'edit.svg' %>
+    </strong>
+  </li>
+  <li class="list-group-item d-flex justify-content-between align-items-center">
+    <%= Spree.t(:bank) %>
+    <span><%= payout_profile&.bank_name %></span>
+  </li>
+  <li class="list-group-item d-flex justify-content-between align-items-center">
+    <%= Spree.t(:active) %>
+    <span><%= active_badge(payout_profile&.active) %></span>
+  </li>
+  <li class="list-group-item d-flex justify-content-between align-items-center">
+    <%= Spree.t(:verified_at) %>
+    <% if payout_profile&.verified? %>
+      <span><%= pretty_time(payout_profile&.verified_at) %></span>
+    <% else %>
+      <span><%= active_badge(false) %></span>
+    <% end %>
+  </li>
+</ul>

data/app/views/spree/admin/shared/payout_profile/_status.html.erb

@@ -0,0 +1,11 @@
+<% if payout_profile.present? && !payout_profile.receivable? %>
+  <div class="alert alert-warning mb-3 d-flex justify-content-between align-items-center">
+    Profile is not verified or is inactive. Please verify and mark it as active to receive payout amount.
+    <%= button_link_to Spree.t(:verify), spree.edit_admin_payout_profile_path(payout_profile), class: "btn-warning", icon: 'send.svg' %>
+  </div>
+<% elsif payout_profile&.receivable? %>
+  <div class="alert alert-success mb-3">
+    <%= svg_icon name: "tick.svg", classes: 'mr-2', width: '16', height: '16' %>
+    This product / service is now eligible for payout
+  </div>
+<% end %>

data/app/views/spree/checkout/payment/_acleda.html.erb

@@ -0,0 +1 @@
+<%= hidden_field_tag "payment_source[#{payment_method.id}][payment_option]", payment_method.method_type %>

data/app/views/spree/checkout/payment/_acleda_checkout_form.html.erb

@@ -0,0 +1,14 @@
+<form method="POST" style='display:none;' id="acleda_checkout_form" action="<%=action_url%>">
+  <% gateway_params.each do |key, value| %>
+    <div style='padding: 5px;' class="clearfix;">
+      <%=label_tag key, key, style: 'float: left; width: 100px;' %>
+      <%= text_field_tag key, value, size: 120, style: 'margin-left: 110px;' %>
+    </div>
+  <% end %>
+  <button type="submit" id='acleda_btn'> Submit </button>
+</form>
+
+<script>
+  if(document.getElementById("acleda_checkout_form"))
+    document.getElementById("acleda_checkout_form").submit()
+</script>

data/app/views/spree/checkout/payment/_payment_payway.html.erb

@@ -0,0 +1,21 @@
+<%= hidden_field_tag "payment_source[#{payment_method.id}][payment_option]", Vpago::Payway::CARD_TYPE_ABAPAY %>
+
+<!--
+<div class="payment-sources-list">
+  <div class='vpago-container' data-hook='vpago-cards'>
+    <div class='d-xl-none'>
+      <%= link_to 'javascript:void(0)', class: 'btn btn-vshop vpago-payment-method' do %>
+        <%= image_tag 'vpago/payway/abapay.png'%>
+      <% end %>
+    </div>
+
+    <div class='d-xl-block d-none'>
+      <%= link_to 'javascript:void(0)', class: 'btn btn-vshop vpago-payment-method' do %>
+        <%= image_tag 'vpago/payway/abapay.png'%>
+      <% end %>
+    </div>
+  </div>
+</div>
+-->
+
+