spree_cm_commissioner 0.0.1

data/app/views/spree/billing/shared/_customer_credit_form.html.erb

@@ -0,0 +1,33 @@
+<% customer = SpreeCmCommissioner::Customer.find(params['customer_id']) %>
+<div class="modal fade" id="customerCredit" tabindex="-1" role="dialog" aria-labelledby="customerCreditLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="customerCreditLabel">Customer Credit</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <form action="<%= billing_customer_store_credits_path(customer) %>" method="post">
+        <%= hidden_field_tag :authenticity_token, form_authenticity_token %>
+
+        <div class="modal-body">
+          <%= fields_for :store_credit do |f| %>
+            <div class="form-group">
+              <%= f.label :duration, Spree.t(:duration) %>
+              <%= f.select :duration, options_for_select([['6 months', 6], ['12 months', 12]]), {}, class: 'form-control' %>
+            </div>
+            <div class="form-group">
+              <%= f.label :description, 'description' %>
+              <%= f.text_area :description, class: 'form-control', required: true, placeholder: 'Enter description' %>
+            </div>
+          <% end %>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          <button type="submit" class="btn btn-primary">Create</button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>

data/app/views/spree/billing/shared/_customer_promotion_form.html.erb

@@ -0,0 +1,29 @@
+<% customer = SpreeCmCommissioner::Customer.find(params['customer_id']) %>
+<div class="modal fade" id="applyPromotionModal" tabindex="-1" role="dialog" aria-labelledby="applyPromotionModalLabel" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="applyPromotionModalLabel">Apply Adjustment</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <form action="<%= billing_customer_apply_promotion_url %>" method="post">
+        <div class="modal-body">
+          <div class="form-group">
+            <label for="discountAmount">Discount Amount</label>
+            <input required type="number" class="form-control" id="discountAmount" name="discount_amount" placeholder="Enter discount amount">
+          </div>
+          <div class="form-group">
+            <label for="reason">Reason</label>
+            <textarea required class="form-control" id="reason" name="reason" placeholder="Enter reason for promotion"></textarea>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          <button type="submit" class="btn btn-primary">Apply</button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>

data/app/views/spree/billing/shared/_customer_promotion_table.html.erb

@@ -0,0 +1,39 @@
+<%amount = promotion.actions.first.calculator.preferences[:amount]%>
+<div class="card table-responsive">
+  <div class="card-body">
+    <h5 class="card-title">Promotion</h5>
+    <hr/>
+    <table class="table table-borderless">
+      <thead class="text-muted">
+        <tr>
+          <th><%= Spree.t(:name) %></th>
+          <th><%= Spree.t(:usage_limit) %></th>
+          <th><%= Spree.t(:amount) %></th>
+          <th><%= Spree.t(:promotion_uses) %></th>
+          <th><%= Spree.t(:expiration) %></th>
+          <th></th>
+        </tr>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td class="p">
+            <%=link_to promotion.name, edit_admin_promotion_path(promotion.id)%>
+          </td>
+          <td><%=promotion.usage_limit || '∞'%></td>
+          <td class="p"><%= Spree::Money.new(amount.to_i, currency: 'KHR').to_s %></td>
+          <td class="p"><%= Spree.t(:current_promotion_usage, count: promotion.credits_count) %></td>
+          <td><%= promotion.expires_at.to_date.to_s(:short_date) if promotion.expires_at %></td>
+          <td class="actions" data-hook="admin_promotions_index_row_actions">
+            <span class="d-flex justify-content-end">
+                <button class="btn btn-light btn-sm" data-toggle="modal" data-target="#applyPromotionModal" >
+                  <%= svg_icon name:"edit.svg", width:'14', height:'14', classes:"icon icon-edit" %>
+                </button>
+                <%= link_to_with_icon 'delete.svg', Spree.t('delete'), billing_customer_delete_promotion_url, method: :delete, class: 'btn btn-danger btn-sm', no_text: true %>
+            </span>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/spree/billing/shared/_customer_tabs.html.erb

@@ -0,0 +1,46 @@
+<% content_for :page_title do %>
+  <%= page_header_back_button spree.billing_customers_path %>
+  <%= @customer.fullname %>
+<% end %>
+<% content_for :page_tabs do %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/customers', action: 'edit') %>
+    <li class="nav-item">
+      <%= link_to_with_icon 'person.svg',
+        Spree.t(:customer),
+        spree.edit_billing_customer_path(@customer),
+        class: "nav-link #{'active' if current == :account}" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/subscriptions', action: 'index') %>
+    <li class="nav-item">
+      <%= link_to_with_icon 'tag.svg',
+        Spree.t('billing.subscriptions'),
+        spree.billing_customer_subscriptions_path(@customer),
+        class: "nav-link #{'active' if current == :subscriptions}" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/orders', action: 'index') %>
+    <li class="nav-item">
+      <%= link_to_with_icon 'tag.svg',
+        Spree.t('billing.orders'),
+        spree.billing_customer_orders_path(@customer),
+        class: "nav-link #{'active' if current == :orders}" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/store_credits', action: 'index') %>
+    <li class="nav-item">
+      <%= link_to_with_icon 'money.svg',
+        Spree.t(:store_credits),
+        spree.billing_customer_store_credits_path(@customer),
+        class: "nav-link #{'active' if current == :store_credits}" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/addresses', action: 'index') %>
+    <li class="nav-item">
+      <%= link_to_with_icon 'pin-map.svg',
+        Spree.t(:address),
+        spree.billing_customer_addresses_path(@customer),
+        class: "nav-link #{'active' if current == :addresses}" %>
+    </li>
+  <% end %>
+<% end %>

data/app/views/spree/billing/shared/_header.html.erb

@@ -0,0 +1,21 @@
+<header class="header logged-in">
+  <nav class="navbar fixed-top navbar-dark flex-nowrap bg-primary p-0">
+    <div class="col p-0 d-lg-none">
+      <button
+        id="sidebar-open"
+        class="navbar-toggler h-100 text-light px-3"
+        type="button"
+        aria-expanded="false"
+        aria-label="Toggle navigation">
+        <%= svg_icon name: "menu.svg", width: '20', height: '20' %>
+      </button>
+    </div>
+    <div id="storeSwitcherDropdown" class="col-auto text-center text-lg-left px-0 px-lg-2 align-items-center dropdown">
+      <%= render partial: 'spree/billing/shared/vendor_switcher' %>
+    </div>
+    <div class="col text-right p-0">
+      <%= render partial: 'spree/billing/shared/language_switcher' %>
+      <%= render partial: 'spree/admin/shared/account_nav' %>
+    </div>
+  </nav>
+</header>

data/app/views/spree/billing/shared/_invoice.html.erb

@@ -0,0 +1,280 @@
+ <%
+  @vendor = @invoice.order.line_items.first.vendor
+  @address =  @vendor.stock_locations.first&.address1
+  @location_code = @vendor.stock_locations.first&.reference
+  @title = 'VET WASTE KOH RONG CO., LTD.'
+  @title_translation = 'ក្រុមហ៊ុនវិរៈប៊ុនថាំ ប្រមូលសំរាមក្រុងកោះរ៉ុង'
+  @contact =  @vendor.contact_us
+  @email =  @vendor.notification_email
+  @note =  @vendor.note
+  @invoice_title = 'Solid Waste Collection Service Invoice'
+  @invoice_title_translation = 'វិក័្កយបត្រថ្លៃសេវាដឹកជញ្ជូនសំរាម'
+
+  @quantity = @subscription.quantity
+  @product = @invoice.order.line_items.first.variant.sku
+  @sum_total = 0
+  @invoice.order.line_items.each do |line_item|
+    @price = line_item.variant.price
+    @sum_total += line_item.variant.price * line_item.quantity
+  end
+  @total_price = @sum_total
+  @order.adjustments.eligible.each do |adjustment|
+    @total_price += adjustment.amount
+  end
+  @display_total_price = Spree::Money.new(@total_price, currency: @order.line_items.first.variant.currency).to_s
+  @total = @invoice.order.display_total
+  @from_date = @invoice.order.line_items.first.to_date.strftime("%B %Y")
+  @date = @invoice.date.strftime('%Y-%m-%d')
+  @due_date = @order.line_items[0].due_date&.to_date
+
+  @invoice_number = @invoice.invoice_number
+  @customer_number = @customer.customer_number
+  @customer_address = @customer.billing_address&.address1
+  if @current_vendor.payment_qrcode.present?
+    @qrcode = payment_qrcode_image(@current_vendor.payment_qrcode.attachment)
+    @account_name = @current_vendor.account_name
+    @account_number = @current_vendor.account_number
+  end
+  @current_order = @customer.orders.index(@invoice.order)
+  @previous_order = @customer.orders[@current_order - 1] if @current_order && @current_order > 0
+  @outstanding_amount = Spree::Money.new(@previous_order&.outstanding_balance, currency: @invoice.order.line_items.first.variant.currency).to_s
+  if @customer.user.store_credits.present?
+    @current_credit = @customer.user.store_credits.last.amount.to_d - @customer.user.store_credits.last.amount_used.to_d
+    @display_current_credit = Spree::Money.new(@current_credit, currency: @invoice.order.line_items.first.variant.currency).to_s
+    @display_amount_due = if @current_credit >= @total_price
+                            Spree::Money.new(0, currency: @invoice.order.line_items.first.variant.currency).to_s
+                          else
+                            Spree::Money.new(@total_price - @current_credit, currency: @invoice.order.line_items.first.variant.currency).to_s
+                          end
+    @remaining_credit = @current_credit - @total_price
+    @display_remaining_credit = Spree::Money.new(@remaining_credit, currency: @invoice.order.line_items.first.variant.currency).to_s
+  else
+    @display_amount_due = @display_total_price
+  end
+  @customer_name = @customer.first_name.present? ? @customer.first_name : @customer.last_name
+  @customer_phone = @customer.phone_number
+  count = 1
+%>
+
+
+<div class="flex align-items-center w-100 mt-3">
+  <div class="invoice-content card p-5 invoice-content">
+    <div class="print-area">
+      <div class="header-content">
+        <div class="d-flex justify-content-center">
+          <div class="text-center moul">
+              <h4 class="ml-4" style="font-size: 125%;">ព្រះរាជាណាចក្រកម្ពុជា</h4>
+              <h4 class="ml-4" style="font-size: 125%;">ជាតិ​​ សាសនា ព្រះមហាក្សត្រ</h4>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="vendor-logo col-2">
+            <%= render partial: 'spree/billing/shared/vendor_logo', locals: { size: :small } %>
+          </div>
+          <div class="text-center flex-grow-1 col-8">
+            <h5 class="pt-0 moul"><%= @title_translation %></h5>
+            <h5 class="pt-0 serif"><%= @title %></h5>
+            <h5 class="pt-0 moul"><%= @invoice_title_translation %></h5>
+            <h5 class="pt-0 serif"><%= @invoice_title %></h5>
+          </div>
+          <div class="col-2">
+          </div>
+        </div>
+
+        <br>
+        <div class="d-flex justify-content-between">
+          <div>
+            <ul class="list-unstyled sub-header-size li-spacing">
+              <li>
+                <span> លេខអតិថិជន / Customer No : </span>
+                <%= @customer_number %>
+              </li>
+              <li>
+                <span>ឈ្មោះអតិថិជន / Customer Name :</span>
+                <%= @customer_name %>
+              </li>
+              <li>
+                <span>លេខទូរស័ព្ទអតិថិជន / Customer Phone Number :</span>
+                <%= @customer_phone %>
+              </li>
+              <li>
+                <div> អាសយដ្ធានអតិថិជន​ / Customer Address :</div>
+                <%= @customer_address %>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <ul class="list-unstyled sub-header-size li-spacing">
+              <li>
+                <span>លេខវិក្កយបត្រ​​ / Invoice No :</span>
+                <strong> <%= @invoice_number %> </strong>
+              </li>
+              <li>
+                <span>កាលបរិច្ចេទ / Invoice Date : </span>
+                <%= @date %>
+              </li>
+              <li>
+                <span> ថ្ងៃផុតកំណត់បង់ប្រាក់ / Invoice Due Date : </span>
+                <%= @due_date %>
+              </li>
+              <li>
+                <span>លេខកូខទីតាំង / Loc code : </span>
+                <%= @location_code %>
+              </li>
+            </ul>
+          </div>
+        </div>
+
+      <br>
+      <table class="table table-bordered border border-black mt-2 body-size">
+        <thead>
+          <tr>
+            <th scope="col">ល.រ​​​ / N</th>
+            <th scope="col">បរិយាយ / Description</th>
+            <th scope="col">ប្រចាំខែ / Month</th>
+            <th scope="col">ទឹកប្រាក់​ / Amount</th>
+            <th scope="col">ចំនួន / Quantity</th>
+            <th scope="col text-right">ទឹកប្រាក់​សរុប / Total Amount</th>
+          </tr>
+        </thead>
+        <tbody class="list-unstyled">
+          <% @invoice.order.line_items.each do |line_item| %>
+            <tr>
+              <th scope="row"><%= count %></th><% count += 1 %>
+              <td>
+                <ul class="list-unstyled">
+                  <li> <%= line_item.variant.sku %></li>
+                </ul>
+              </td>
+              <td>
+                <ul class="list-unstyled">
+                    <li> <%= line_item.month %></li>
+                </ul>
+              </td>
+              <td>
+                <ul class="list-unstyled">
+                  <li>
+                    <%= Spree::Money.new(line_item.variant.price, currency: @invoice.order.line_items.first.variant.currency).to_s %>
+                  </li>
+                </ul>
+              </td>
+              <td>
+                <ul class="list-unstyled">
+                  <li> <%= line_item.quantity %></li>
+                </ul>
+              </td>
+              <td>
+                <ul class="list-unstyled text-right">
+                  <li><%= Spree::Money.new(line_item.variant.price * line_item.quantity, currency: @invoice.order.line_items.first.variant.currency).to_s %></li>
+                </ul>
+              </td>
+            </tr>
+          <% end %>
+            <% @order.adjustments.eligible.each do |adjustment|  %>
+              <% unless adjustment.label == 'Penalty' %>
+                <tr>
+                  <th scope="row"><%= count %></th><% count += 1 %>
+                  <td>
+                    <ul class="list-unstyled">
+                      <li> <%= adjustment.label %></li>
+                    </ul>
+                  </td>
+                  <td></td>
+                  <td>
+                    <ul class="list-unstyled">
+                      <li>
+                      </li>
+                    </ul>
+                  </td>
+                  <td>
+                  </td>
+                  <td>
+                    <ul class="list-unstyled text-right">
+                      <li>
+                        <% if adjustment.amount.negative?  %>
+                          <%= adjustment.display_negative_amount %>
+                        <% else %>
+                          <%= adjustment.display_amount %>
+                        <% end %>
+                      </li>
+                    </ul>
+                  </td>
+                </tr>
+              <% end %>
+            <% end %>
+          </tbody>
+        </table>
+
+        <div class="mt-2 body-size">
+          <div class="d-flex justify-content-between align-items-center pt-3 px-2 border border-black font-weight-bold text-black">
+                <p>ទឹកប្រាក់សល់ពីខែមុន​​ / Amount Remaining From Last Month</p>
+                <p>
+                  <%= @outstanding_amount  %>
+                </p>
+          </div>
+          <div class="d-flex justify-content-between align-items-center pt-3 px-2 border border-black font-weight-bold text-black">
+                <p>ទឹកប្រាក់សរុប​​ / Total Amount</p>
+                <p>
+                  <%= @display_total_price  %>
+                </p>
+          </div>
+          <% if @customer.user.store_credits.present? %>
+            <div class="d-flex justify-content-between align-items-center pt-3 px-2 border border-black font-weight-bold text-black">
+                  <p>សមតុល្យឥណទាន / Credit Balance</p>
+                  <p>
+                    <%= @display_current_credit %>
+                  </p>
+            </div>
+          <% end %>
+          <div class="d-flex justify-content-between align-items-center pt-3 px-2 border border-black font-weight-bold text-black">
+                <p>ទឹកប្រាក់​ត្រូវទូទាត់​​ / Total Amount Due</p>
+                <p>
+                  <%= @display_amount_due %>
+                </p>
+          </div>
+        </div>
+          <br>
+        <div class="d-flex align-items-start body-size">
+          <div class="p-0 col-8 list-unstyled">
+            <li><span>កំណត់ចំណាំសំខាន់ / Important Note :</span></li>
+            <li><%= @note %></li>
+            <% if @customer.user.store_credits.present? %>
+              <li><span>ឥណទានដែលនៅសល់ / Remaining Credit : <%= @display_remaining_credit %></span></li>
+            <% end %>
+            <li><span>អត្រាប្ដូរប្រាក់ / Exchange Rate 1$ = 4100៛</span></li>
+          </div>
+          <div class="ml-auto  qrcode-container">
+            <%= @qrcode %>
+            <div class="list-unstyled text-center">
+              <li><span><%= @account_name %></span></li>
+              <li><span><%= @account_number %></span></li>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="footer-content footer-size">
+        <div class="d-flex justify-content-between mt-4">
+          <div class="text=left">
+            <p>អ្នកទទួលប្រាក់​​ / Received By : ............................. </p>
+            <p>កាលបរិច្ចេទ / Date : ............................. </p>
+          </div>
+          <div class="text-right">
+            <p>ទឹកប្រាក់​បានបង់ / Paid Amount : ............................. </p>
+            <p>កាលបរិច្ចេទ / Date : .............................  </p>
+          </div>
+        </div>
+        <br>
+        <hr>
+        <div class="d-flex justify-content-center mt-4">
+          <div class="list-unstyled text-center">
+            <li> អាសយដ្ធាន / Address : ផ្លូវឯករាជ្យ ក្រុមទី៣ សង្កាត់២ ក្រុង ព្រះសីហនុ ខេត្តក្រោះសីហនុ  </li>
+            <li> St. Ek Reach, Krom Ti 3, Sangkat 2, Preah Sihanouk City, Sihanouk Ville. </li>
+            <li>ទំនាក់ទំនង / Contact : 099 766 593 / Telegram: 099 766 593 </li>
+          </div>
+        </div>
+      </div>
+    </div>
+    </div>
+  </div>
+</div>

data/app/views/spree/billing/shared/_language_switcher.html.erb

@@ -0,0 +1,5 @@
+<% if I18n.locale == :en %>
+  <%= link_to Spree.t(:en), url_for(locale: :km), class: "btn btn-primary" %>
+<% else %>
+  <%= link_to Spree.t(:km), url_for(locale: :en),  class: "btn btn-primary"  %>
+<% end %>

data/app/views/spree/billing/shared/_main_menu.html.erb

@@ -0,0 +1,73 @@
+<nav class="pb-3 pt-lg-3 px-1 h6">
+  <div class="text-right d-lg-none pl-3 py-2 border-bottom d-flex align-items-center">
+    <div class="d-flex flex-grow-1 text-primary"></div>
+    <button
+      id="sidebar-close"
+      class="btn btn-link d-flex"
+      type="button"
+      aria-expanded="false"
+      aria-label="Toggle navigation">
+      <%= svg_icon name: "cancel.svg", width: '20', height: '20', classes: 'p-0 m-0' %>
+    </button>
+  </div>
+  <% if spree_current_user.has_spree_role?('admin') %>
+    <ul class="nav nav-sidebar" id="sidebarReport">
+      <%= billing_main_menu_tree I18n.t('spree.billing.report'), icon: "pie-chart-fill.svg", sub_menu:"report", url: "#sidebar-report" %>
+    </ul>
+    <ul class="nav nav-sidebar" id="sidebarCustomer">
+      <%= tab :customers, label: I18n.t('spree.billing.customers.customers'), url: billing_customers_path, icon: 'people-fill.svg', selected: request.path.include?('customer')%>
+    </ul>
+    <ul class="nav nav-sidebar" id="sidebarOrder">
+      <%= tab :orders, label: I18n.t('spree.billing.orders'), url: billing_orders_path, icon: 'inbox-fill.svg',selected: request.path.include?('order') %>
+    </ul>
+    <ul class="nav nav-sidebar" id="sidebarBillingProduct">
+      <%= billing_main_menu_tree I18n.t('spree.billing.products'), icon: 'tag-fill.svg' , sub_menu:"product", url:"#sidebar-product" %>
+    </ul>
+    <ul class="nav nav-sidebar" id="sidebarBillingPlace">
+      <%= tab :places, label: I18n.t('spree.billing.places'), url: billing_places_path, icon: 'geo-alt-fill.svg',selected: request.path.include?('place') %>
+    </ul>
+    <ul class="nav nav-sidebar" id="sidebarBusinesses">
+      <%= tab :businesses, label: I18n.t('spree.billing.businesses'), url: billing_businesses_path, icon: 'building.svg',selected: request.path.include?('business') %>
+    </ul>
+    <ul class="nav nav-sidebar" id="sidebarSetting">
+      <%= billing_main_menu_tree I18n.t('spree.billing.settings'), icon: "gear-fill.svg", sub_menu:"setting", url: "#sidebar-setting" %>
+    </ul>
+  <% else %>
+    <% actions = ['index', 'paid', 'balance_due', 'failed_orders', 'overdue', 'active_subscribers'] %>
+    <% if actions.any? { |action| spree_current_user.permissions.exists?(entry: 'spree/billing/reports', action: action) } %>
+      <ul class="nav nav-sidebar" id="sidebarReport">
+        <%= billing_main_menu_tree I18n.t('spree.billing.report'), icon: "pie-chart-fill.svg", sub_menu:"report", url: "#sidebar-report" %>
+      </ul>
+    <% end %>
+    <% if spree_current_user.permissions.exists?(entry: 'spree/billing/customers') %>
+      <ul class="nav nav-sidebar" id="sidebarCustomer">
+        <%= tab :customers, label: I18n.t('spree.billing.customers.customers'), url: billing_customers_path, icon: 'people-fill.svg' %>
+      </ul>
+    <% end %>
+    <% if spree_current_user.permissions.exists?(entry: 'spree/billing/orders') %>
+      <ul class="nav nav-sidebar" id="sidebarOrder">
+        <%= tab :orders, label: I18n.t('spree.billing.orders'), url: billing_orders_path, icon: 'inbox-fill.svg' %>
+      </ul>
+    <% end %>
+    <% if spree_current_user.permissions.exists?(entry: ['spree/billing/products', 'spree/billing/option_types']) %>
+      <ul class="nav nav-sidebar" id="sidebarProducts">
+        <%= billing_main_menu_tree I18n.t('spree.billing.products'), icon: 'tag-fill.svg' , sub_menu:"product", url:"#sidebar-product" %>
+      </ul>
+    <% end %>
+    <% if spree_current_user.permissions.exists?(entry: 'spree/billing/places') %>
+      <ul class="nav nav-sidebar" id="sidebarPlaces">
+        <%= tab :places, url: billing_places_path, icon: 'geo-alt-fill.svg' %>
+      </ul>
+    <% end %>
+    <% if spree_current_user.permissions.exists?(entry: 'spree/billing/businesses') %>
+      <ul class="nav nav-sidebar" id="sidebarBusinesses">
+        <%= tab :businesses, url: billing_businesses_path, icon: 'building.svg' %>
+      </ul>
+    <% end %>
+    <% if spree_current_user.permissions.exists?(entry: ['spree/billing/roles', 'spree/billing/users', 'spree/billing/vendors']) %>
+      <ul class="nav nav-sidebar" id="sidebarSetting">
+        <%= billing_main_menu_tree I18n.t('spree.billing.settings'), icon: "gear-fill.svg", sub_menu:"setting", url: "#sidebar-setting" %>
+      </ul>
+    <% end %>
+  <% end %>
+</nav>

data/app/views/spree/billing/shared/_order_tabs.html.erb

@@ -0,0 +1,41 @@
+<% content_for :page_title do %>
+  <% customer = @order.customer %>
+  <%= page_header_back_button spree.billing_orders_path %>
+  <%= link_to Spree.t(customer.first_name.present? ? customer.first_name : customer.last_name), edit_billing_customer_path(customer) %>
+  <%= "/" %>
+  <%= @order.invoice.invoice_number %>
+<% end %>
+<% content_for :page_tabs do %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/orders', action: 'edit') %>
+    <li class="nav-item" data-hook='admin_order_tabs_edit_details'>
+      <%= link_to_with_icon 'edit.svg',
+        Spree.t(:edit),
+        edit_billing_order_url(@order),
+        class: "#{'active' if current == :edit} nav-link" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/payments', action: 'index') %>
+    <li class="nav-item" data-hook='billing_order_tabs_payments'>
+      <%= link_to_with_icon 'credit-card.svg',
+        Spree.t(:payments),
+        spree.billing_order_payments_url(@order),
+        class: "#{'active' if current == :payments} nav-link" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/adjustments', action: 'index') %>
+    <li class="nav-item" data-hook='billing_order_tabs_payments'>
+      <%= link_to_with_icon 'credit-card.svg',
+        Spree.t(:adjustment),
+        spree.billing_order_adjustments_url(@order),
+        class: "#{'active' if current == :adjustment} nav-link" %>
+    </li>
+  <% end %>
+  <% if spree_current_user.permissions.exists?(entry: 'spree/billing/invoice', action: 'show') %>
+    <li class="nav-item" data-hook='billing_order_tabs_payments'>
+      <%= link_to_with_icon 'printer.svg',
+        Spree.t(:invoice),
+        billing_order_invoice_path(@order),
+        class: "#{'active' if current == :invoice} nav-link" %>
+    </li>
+  <% end %>
+<% end %>