fix cashier page height & breadcrumb helper

2020-01-27 16:30:58 +06:30
parent c8ff92975e
commit bca6fabaaf
142 changed files with 266 additions and 1207 deletions
--- a/app/views/crm/customers/show.html.erb
+++ b/app/views/crm/customers/show.html.erb
@@ -1,14 +1,4 @@
-<div class="container-fluid">
-  <div class="page-header">
-   <ul class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item active">CRM</li>
-     <!-- <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li> -->
-    <span class="float-right">
-      <%= link_to 'Back', crm_customers_path %>
-    </span>
-  </ul>
-</div>
+<% breadcrumb_add  'CRM', "", dashboard_path %>

 <div class="row">
  <div class="col-lg-12 col-md-12 col-sm-12">
@@ -65,7 +55,7 @@
                <td><%= @customer.date_of_birth  rescue '-'%></td>
                <% if @customer.membership_type.to_f > 0%>
                  <td><%lookup= Lookup.find_by_value(@customer.membership_type) %>
-                    <%= lookup.name %>
+                     <%= lookup.try(:name) %>
                  </td>
                <%else%>
                 <td>-</td>
--- a/app/views/crm/dining_queues/_form.html.erb
+++ b/app/views/crm/dining_queues/_form.html.erb
@@ -1,3 +1,5 @@
+<% breadcrumb_add t('queue'), crm_dining_queues_path, crm_dining_queues_path, t("views.btn.#{action_name}") %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="card">
--- a/app/views/crm/dining_queues/assign.html.erb
+++ b/app/views/crm/dining_queues/assign.html.erb
@@ -1,15 +1,6 @@
 <div class="container-fluid">
-    <div class="page-header">
-     <ul class="breadcrumb">
-      <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-       <li class="breadcrumb-item"><a href="<%= crm_dining_queues_path %>">Queue</a></li>
-      <li class="breadcrumb-item active">Assign Queue <%=@queue.queue_no%></li>
-      <span class="float-right">
-        <%= link_to 'Back', dashboard_path %>
-      </span>
-     </ul>
-    </div>
-</div>
+<% breadcrumb_add 'Queue', crm_dining_queues_path, dashboard_path, "Assign Queue #{@queue.queue_no}" %>
+
 <div class="row">
 <!-- Column One -->
 <div class="col-lg-12 col-md-12 col-sm-12">
--- a/app/views/crm/dining_queues/edit.html.erb
+++ b/app/views/crm/dining_queues/edit.html.erb
@@ -1,11 +1,3 @@
-
 <div class="span12">
-		<div class="page-header">
-		 <ul class="breadcrumb">
-		   	<li class="breadcrumb-item"><a href="<%= root_path %>"><%= t("views.right_panel.button.home") %></a></li>
-  			<li class="breadcrumb-item"><a href="<%= crm_dining_queues_path %>"><%= t("en.queue") %></a></li>
-		  	<li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-		 </ul>
-		</div>
    <%= render 'form', dining_queue: @dining_queue %>
 </div>
--- a/app/views/crm/dining_queues/index.html.erb
+++ b/app/views/crm/dining_queues/index.html.erb
@@ -1,13 +1,4 @@
-<div class="container-fluid">
-<div class="page-header">
- <ul class="breadcrumb">
-  <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-  <li class="breadcrumb-item active"><%= t("en.queue") %></li>
-  <span class="float-right">
-    <%= link_to 'Back', dashboard_path %>
-  </span>
- </ul>
-</div>
+<% breadcrumb_add t('queue'), "", dashboard_path %>

 <div class="row">
 <!-- Column One -->
--- a/app/views/crm/dining_queues/new.html.erb
+++ b/app/views/crm/dining_queues/new.html.erb
@@ -1,15 +1,3 @@
 <div class="container-fluid">
-<div class="page-header">
- <ul class="breadcrumb">
-  <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-  <li class="breadcrumb-item"><a href="<%= crm_dining_queues_path %>"><%= t("en.queue") %></a></li>
-  <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-  <span class="float-right">
-    <%= link_to 'Back', crm_dining_queues_path %>
-  </span>
- </ul>
-</div>
-
-    <%= render 'form', dining_queue: @dining_queue %>
-
+  <%= render 'form', dining_queue: @dining_queue %>
 </div>
--- a/app/views/inventory/inventory/index.html.erb
+++ b/app/views/inventory/inventory/index.html.erb
@@ -1,12 +1,4 @@
-<div class="page-header">
- <ol class="breadcrumb">
-  <li class="breadcrumb-item"><a href="<%= dashboard_path  %>"><%= t("views.right_panel.button.home") %></a></li>
-  <li class="breadcrumb-item active"><%= t :inventory %></li>
-  <span class="float-right">
-    <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-  </span>
-</ol>
-</div>
+<% breadcrumb_add  t('inventory'), "", dashboard_path %>

 <div class="row ">
      <div class="col-lg-4 col-md-4 col-sm-4" style="padding-left: 17px;">
--- a/app/views/inventory/inventory/show.html.erb
+++ b/app/views/inventory/inventory/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
- <ol class="breadcrumb">
-  <li class="breadcrumb-item"><a href="<%= dashboard_path  %>"><%= t("views.right_panel.button.home") %></a></li>
-  <li class="breadcrumb-item active"><%= t :inventory %></li>
-  <span class="float-right">
-    <%= link_to t('.back', :default => t("views.btn.back")), inventory_path %>
-  </span>
-</ol>
-</div>
-
+<% breadcrumb_add t('inventory'), '', inventory_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
--- a/app/views/inventory/inventory_definitions/_form.html.erb
+++ b/app/views/inventory/inventory_definitions/_form.html.erb
@@ -79,7 +79,7 @@
        </button>

        <div class="card-block">
-          <div class="card-text" id="order-detail-slimscroll" data-height="140">
+          <div class="card-text" id="order-detail-slimscroll" data-height="420">
           <table class="table table-striped summary-items" id="order-items-table" >
              <thead>
               <tr>
@@ -96,7 +96,7 @@
            </table>
          </div>
        </div>
-        <div class="card-footer">
+        <div class="inventory card-footer">
          <button type="button" class="btn btn-lg btn-block btn-primary waves-effect m-t-5" id='stock_taking'>Stock Taking
        </button>
        </div>
--- a/app/views/inventory/stock_checks/index.html.erb
+++ b/app/views/inventory/stock_checks/index.html.erb
@@ -37,7 +37,7 @@
        </button>
        <br>
        <div class="card-block">
-          <div class="card-text" id="order-detail-slimscroll" data-height="140">
+          <div class="card-text" id="order-detail-slimscroll" data-height="420">
           <table class="table table-striped summary-items" id="order-items-table" >
              <thead>
               <tr>
@@ -53,7 +53,7 @@
            </table>
          </div>
        </div>
-        <div class="card-footer">
+        <div class="inventory card-footer">
          <button type="button" class="btn btn-lg btn-block btn-primary waves-effect m-t-5" id='finish'>Finish
        </button>
        </div>
--- a/app/views/layouts/CRM.html.erb
+++ b/app/views/layouts/CRM.html.erb
@@ -65,6 +65,7 @@
                <% end %>
            <% end %>
        <% end %>
+        <%= render_breadcrumb %>
        <%= yield %>
    </section>
 </body>
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -63,6 +63,7 @@
                data-animate-enter="" data-animate-exit="" data-color-name="<%=color%>" >
            </p>
        <% end %>
+        <%= render_breadcrumb %>
        <%= yield %>
    </section>
 </body>
--- a/app/views/layouts/inventory.html.erb
+++ b/app/views/layouts/inventory.html.erb
@@ -51,7 +51,9 @@
          </div>
        <% end %>

-      <% end %>        
+      <% end %>
+        <%= render_breadcrumb %>
+
        <%= yield %>     
    </section>
 </body>
--- a/app/views/origami/addorders/detail.html.erb
+++ b/app/views/origami/addorders/detail.html.erb
@@ -4,7 +4,7 @@

 <% type = request.path_info.include?('quick_service') || request.path_info.include?('food_court')%>
 <% modify_order = request.path_info.include?('modify_order')%>
-<div class="container-fluid " style="padding:0px 3px 0px 3px;">
+<div class="container-fluid " style="padding:0px 3px 0px 3px; overflow-x: hidden; ">
  <div id="oqs_loading_wrapper" style="display:none;">
    <div id="oqs_loading"></div>
  </div>
@@ -14,7 +14,7 @@
  <input type="hidden" name="exclusive_tax" id="exclusive_tax" value="<%= @exclusive_tax%>">
  <input type="hidden" name="link_type" id="link_type" value="<%= @cashier_type %>">
  <input type="hidden" name="display_type" id="display_type" value="<%= @display_type%>">
-  <div class="row m-t--20">
+  <div class="row m-t--5">
    <div class="col-lg-2 col-md-2 col-sm-2 hidden" id="menu_data">
      <li class="list-menu">
        <a href="javascript:void(0);" class="menu-toggle dropdown-toggle toggled my-toggle " style="">
@@ -243,7 +243,7 @@

         </div>
         <div class="card-block">
-          <div class="card-text" id="order-detail-slimscroll" data-height="140">
+          <div class="card-text" id="order-detail-slimscroll" data-height="420">
           <table class="table table-striped summary-items" id="order-items-table" >
             <thead>
               <tr>
--- a/app/views/origami/credit_sales/show.html.erb
+++ b/app/views/origami/credit_sales/show.html.erb
@@ -1,5 +1,5 @@

-<div class="container-fluid"><div class="row">
+<div class="container-fluid" style="overflow-y: hidden;"><div class="row">
 <!-- Column One -->
 <div class="col-lg-6 col-md-6 col-sm-6">

@@ -198,7 +198,7 @@
 <!-- Column One -->
 <!-- Column Two -->
 <div class="col-lg-5 col-md-5 col-sm-5">
- <div class="card"  >
+ <div class="card" style="height: 100%">
   <div class="card-header">
    <div><strong id="order-title">SALE DETAILS </strong></div>
  </div>
@@ -218,7 +218,7 @@
 </div>

 </div>
-<div id="order-detail-slimscroll" data-height="200">
+<div id="order-detail-slimscroll" data-height="270">
 <div class="card-text" style="">
   <table class="table table-striped" id="order-items-table">
     <thead>
@@ -248,7 +248,7 @@
  </table>
 </div>
 </div>
-<div class="card-footer">
+<div class="credit_sale card-footer">
  <table class="table" id="order-charges-table" border="0">
    <tr>
      <td class="charges-name"><strong>Sub Total:</strong></td>
--- a/app/views/origami/home/show.html.erb
+++ b/app/views/origami/home/show.html.erb
@@ -196,7 +196,7 @@

        <!-- Column Two -->
        <div class="col-lg-5 col-md-5 col-sm-5">
-          <div class="card">
+          <div class="home card">
            <% existing_class = "" %><% existing_order = false %>
            <% if @status_sale == 'sale'
             unless @order_items.nil? || @order_items.empty?%>
@@ -276,7 +276,7 @@
                  </div>
                </div>
              </div>
-              <div id="order-detail-slimscroll" data-height="<%= @status_sale=="sale" ? 200 : 160%>">
+              <div id="order-detail-slimscroll" data-height="<%= @status_sale=="sale" ? 270 : 415%>">
              <div class="card-text" >
                <table class="table table-striped" id="order-items-table">
                  <thead>
@@ -346,7 +346,7 @@
                </table>
              </div>
            </div>
-            <div class="card-footer">
+            <div class="home card-footer">
              <table class="table" id="order-charges-table" border="0">
                  <tr>
                    <td class="charges-name"><strong>Sub Total:</strong></td>
@@ -377,7 +377,7 @@
                  <% else %>
                  <input type="hidden" name="" id="check_tax" value="">
                    No Tax
-                  <% end %></strong><br>
+                  <% end %></strong>
                  <%if !@webview && @changable_tax %>
                    <% if @current_user.role == 'cashier' %>
                      <button class="btn btn-link waves-effect bg-info access_modal" data-type="change_tax">Change Tax</button>
--- a/app/views/origami/payments/show.html.erb
+++ b/app/views/origami/payments/show.html.erb
@@ -1,11 +1,11 @@
-<div class="container-fluid">
+<div class="container-fluid" style= "overflow-y: hidden;">
  <div id="loading_wrapper" style="display:none;">
    <div id="loading"></div>
  </div>

  <div class="row clearfix">
    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
-      <div class="card">
+      <div class="card" style="height: 100%">
        <div class="card-header m-l-5 m-r-5">
          <div id="order-title">
            <div class="row p-l-5 p-r-5">
@@ -49,7 +49,7 @@
              </table>
            </div>
          </div>
-          <div id="order-detail-slimscroll" data-height="300">
+          <div id="order-detail-slimscroll" data-height="190">
            <!-- <div id="table-details" class="card-text" style="min-height:400px; max-height:400px; overflow-x:scroll"> -->
            <div id="table-details" class="card-text m-t--10" >
              <table class="table" id="append-table">
@@ -77,7 +77,7 @@
       <div class="card-footer ">
         <table class="table m-t--10 ">
          <tfooter>
-            <tr>
+            <tr style="border-top-style: none!important">
              <td class="charges-name"><strong>Sub Total</strong></td>
              <td class="item-attr"><strong><span id="sub-total"><%=number_format(sub_total, precision: precision.to_i)%></span></strong></td>
            </tr>
@@ -153,7 +153,7 @@
 </div>

 <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
-  <div class="card">
+  <div class="card" style="height: 100%">
    <div class="card-header">
      <div class="row m-l-5 m-r-5">
        <div class="col-md-8"><strong class='amount_balance'>Amount Due <% if !@sale_payment.nil? %>( Credit )<% end %></strong></div>
--- a/app/views/origami/pending_order/show.html.erb
+++ b/app/views/origami/pending_order/show.html.erb
@@ -90,7 +90,7 @@

    <!-- Column Two -->
    <div class="col-lg-5 col-md-5 col-sm-5">
-       <div class="card"  >
+       <div class="card"  style="height: 100%">
         <div class="card-header">
            <div><strong id="order-title">INVOICE DETAILS </strong>| Table <%= @dining.name rescue "" %></div>
         </div>
@@ -131,7 +131,7 @@
             </div>

           </div>
-           <div id="order-detail-slimscroll" data-height="160">
+           <div id="order-detail-slimscroll" data-height="430">
           <div class="card-text" style="">
             <table class="table table-striped" id="order-items-table">
               <thead>
@@ -172,7 +172,7 @@
             </table>
           </div>
           </div>
-           <div class="card-footer">
+           <div class="pending-order card-footer">
             <table class="table" id="order-charges-table" border="0">
                <% if @status == 'sale' %>
                  <tr>
--- a/app/views/print_settings/_form.html.erb
+++ b/app/views/print_settings/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t("views.right_panel.header.print_settings"), print_settings_path, print_settings_path, t("views.btn.#{action_name}") %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="card">
--- a/app/views/print_settings/edit.html.erb
+++ b/app/views/print_settings/edit.html.erb
@@ -1,14 +1,3 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= print_settings_path %>"><%= t("views.right_panel.header.print_settings") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), print_settings_path %>
-    </span>
-  </ol>
-</div>
-
 <%= render 'form', print_setting: @print_setting %>


--- a/app/views/print_settings/index.html.erb
+++ b/app/views/print_settings/index.html.erb
@@ -1,14 +1,7 @@
 <p id="notice"><%= notice %></p>

-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.header.print_settings") %></li>
-     <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.print_settings"), "", dashboard_path %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">   
    <div class="m-b-10 clearfix">
--- a/app/views/print_settings/new.html.erb
+++ b/app/views/print_settings/new.html.erb
@@ -1,14 +1,3 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= print_settings_path %>"><%= t("views.right_panel.header.print_settings") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), print_settings_path %>
-    </span>
-  </ol>
-</div>
-
 <%= render 'form', print_setting: @print_setting %>


--- a/app/views/print_settings/show.html.erb
+++ b/app/views/print_settings/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= print_settings_path %>"><%= t("views.right_panel.header.print_settings") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), print_settings_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.print_settings"), print_settings_path, print_settings_path, t('details') %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="card">
--- a/app/views/reports/commission/index.html.erb
+++ b/app/views/reports/commission/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.commission_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.commission_report"), "", dashboard_path %>
+
 <div class="row">
  <div class="col-md-12">
 <!-- <div class="container"> -->
--- a/app/views/reports/credit_payment/index.html.erb
+++ b/app/views/reports/credit_payment/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-	<ol class="breadcrumb">
-		<li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-		<li class="breadcrumb-item active"><%= t("views.right_panel.detail.credit_payment_report") %></li>
-		<span class="float-right">
-			<%= link_to 'Back', dashboard_path %>
-		</span>
-	</ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.credit_payment_report"), "", dashboard_path %>
+
 <!-- <div class="container"> -->
 	<%= render :partial=>'shift_sale_report_filter',
 	:locals=>{ 	:period_type => true, :filter_for_credit => true, :shift_name => true, :report_path =>reports_credit_payment_index_path} %>
--- a/app/views/reports/dailysale/index.html.erb
+++ b/app/views/reports/dailysale/index.html.erb
@@ -1,13 +1,5 @@
+<% breadcrumb_add t("views.right_panel.detail.daily_sale_report"), "", dashboard_path %>

-<div class="page-header">
-	<ol class="breadcrumb">
-		<li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-		<li class="breadcrumb-item active"><%= t("views.right_panel.detail.daily_sale_report") %></li>
-		<span class="float-right">
-			<%= link_to 'Back', dashboard_path %>
-		</span>
-	</ol>
-</div>
 <div class="row">
 	<div class="col-md-12 col-lg-12 col-sm-12 ">
 		<%= render :partial=>'shift_sale_report_filter',
--- a/app/views/reports/hourly_saleitem/index.html.erb
+++ b/app/views/reports/hourly_saleitem/index.html.erb
@@ -1,13 +1,6 @@
 <div class="container-fluid">
-	<div class="page-header">
-	  	<ol class="breadcrumb">
-		    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-		    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.hourly_saleitem_report") %></li>
-		    <span class="float-right">
-		      <%= link_to 'Back', dashboard_path %>
-		    </span>
-	  	</ol>
-	</div>
+	<% breadcrumb_add t("views.right_panel.detail.hourly_saleitem_report"), "", dashboard_path %>
+	
 	<div class="row">
 		<div class="col-md-12">
 			<%= render :partial=>'hourly_saleitem_report_filter',
--- a/app/views/reports/induty/index.html.erb
+++ b/app/views/reports/induty/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.induty_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.induty_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">
 		<%= render :partial=>'shift_sale_report_filter',
--- a/app/views/reports/order_reservation/index.html.erb
+++ b/app/views/reports/order_reservation/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.order_reservation_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.order_reservation_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">

--- a/app/views/reports/payment_method/index.html.erb
+++ b/app/views/reports/payment_method/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-	<ol class="breadcrumb">
-		<li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-		<li class="breadcrumb-item active">Payment Method Report</li>
-		<span class="float-right">
-			<%= link_to 'Back', dashboard_path %>
-		</span>
-	</ol>
-</div>
+<% breadcrumb_add 'Payment Method Report', "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">

--- a/app/views/reports/receipt_no/index.html.erb
+++ b/app/views/reports/receipt_no/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.receipt_no_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.receipt_no_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">

--- a/app/views/reports/receipt_no_detail/index.html.erb
+++ b/app/views/reports/receipt_no_detail/index.html.erb
@@ -1,13 +1,6 @@
 <div class="container-fluid">
-	<div class="page-header">
-	  <ol class="breadcrumb">
-	    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-	    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.receipt_no_report") %> Details</li>
-	    <span class="float-right">
-	      <%= link_to 'Back', dashboard_path %>
-	    </span>
-	  </ol>
-	</div>
+	<% breadcrumb_add t("views.right_panel.detail.receipt_no_report"), "", dashboard_path %>
+	
 	<div class="row">
 		<div class="col-md-12">
 			<%= render :partial=>'shift_sale_report_filter',
--- a/app/views/reports/saleitem/index.html.erb
+++ b/app/views/reports/saleitem/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.sale_item_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.sale_item_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">
 		<%= render :partial=>'shift_sale_report_filter',
--- a/app/views/reports/shiftsale/index.html.erb
+++ b/app/views/reports/shiftsale/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.shift_sale_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.shift_sale_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">

--- a/app/views/reports/staff_meal/index.html.erb
+++ b/app/views/reports/staff_meal/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.staff_meal_report") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.staff_meal_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">
 		<%= render :partial=>'staff_meal_report_filter',
--- a/app/views/reports/stock_check/index.html.erb
+++ b/app/views/reports/stock_check/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item active">Stock Check Report</li>
-    <span class="float-right">
-    <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add 'Stock Check Report', "", dashboard_path %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

--- a/app/views/reports/void_sale/index.html.erb
+++ b/app/views/reports/void_sale/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-	<ol class="breadcrumb">
-		<li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-		<li class="breadcrumb-item active"><%= t("views.right_panel.detail.void_sale_report") %></li>
-		<span class="float-right">
-			<%= link_to 'Back', dashboard_path %>
-		</span>
-	</ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.void_sale_report"), "", dashboard_path %>
+
 <div class="row">
 	<div class="col-md-12">
 		<!-- <div class="container"> -->
--- a/app/views/reports/waste_and_spoilage/index.html.erb
+++ b/app/views/reports/waste_and_spoilage/index.html.erb
@@ -1,13 +1,6 @@
 <div class="container-fluid">
-	<div class="page-header">
-	  	<ol class="breadcrumb">
-		    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-		    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.waste_spoilage_report") %></li>
-		    <span class="float-right">
-		      <%= link_to 'Back', dashboard_path %>
-		    </span>
-	  	</ol>
-	</div>
+	<% breadcrumb_add t("views.right_panel.detail.waste_spoilage_report"), "", dashboard_path %>
+	
 	<div class="row">
 		<div class="col-md-12">
 			<%= render :partial=>'shift_sale_report_filter',
--- a/app/views/settings/accounts/index.html.erb
+++ b/app/views/settings/accounts/index.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
- <ol class="breadcrumb">
-  <li class="breadcrumb-item"><a href="<%= dashboard_path  %>"><%= t("views.right_panel.button.home") %></a></li>
-  <li class="breadcrumb-item active"><%= t("views.right_panel.detail.account") %></li>
-  <span class="float-right">
-    <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-  </span>
-</ol>
-</div>
-
+<% breadcrumb_add t("views.right_panel.detail.account"), '', dashboard_path %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="m-b-10 clearfix">
--- a/app/views/settings/cashier_terminals/_form.html.erb
+++ b/app/views/settings/cashier_terminals/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t("views.right_panel.header.cashier_terminal"), settings_cashier_terminals_path, settings_cashier_terminals_path, t("views.btn.#{action_name}") %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/cashier_terminals/edit.html.erb
+++ b/app/views/settings/cashier_terminals/edit.html.erb
@@ -1,11 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_cashier_terminals_path %>"><%= t("views.right_panel.header.cashier_terminal") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_cashier_terminals_path %>
-    </span>
-  </ol>
-</div>
 <%= render 'form', settings_cashier_terminal: @settings_cashier_terminal %>
--- a/app/views/settings/cashier_terminals/index.html.erb
+++ b/app/views/settings/cashier_terminals/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.header.cashier_terminal") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.cashier_terminal"), "", dashboard_path %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="m-b-10 clearfix">
--- a/app/views/settings/cashier_terminals/new.html.erb
+++ b/app/views/settings/cashier_terminals/new.html.erb
@@ -1,11 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_cashier_terminals_path %>"><%= t("views.right_panel.header.cashier_terminal") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_cashier_terminals_path %>
-    </span>
-  </ol>
-</div>
 <%= render 'form', settings_cashier_terminal: @settings_cashier_terminal %>
--- a/app/views/settings/cashier_terminals/show.html.erb
+++ b/app/views/settings/cashier_terminals/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_cashier_terminals_path %>"><%= t("views.right_panel.header.cashier_terminal") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_cashier_terminals_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.cashier_terminal"), settings_cashier_terminals_path, settings_cashier_terminals_path, t('details') %>
 <br>

 <div class="row">
--- a/app/views/settings/commissioners/_form.html.erb
+++ b/app/views/settings/commissioners/_form.html.erb
@@ -1,3 +1,5 @@
+<% breadcrumb_add t('commissioners'), settings_commissioners_path, settings_commissioners_path, t("views.btn.#{action_name}") %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/commissioners/edit.html.erb
+++ b/app/views/settings/commissioners/edit.html.erb
@@ -1,13 +1 @@
-
- <div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_commissioners_path %>"><%= t("en.commissioners") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_commissioners_path %>
-    </span>
-  </ol>
-</div>
-
 <%= render 'form', commissioner: @commissioner %>
--- a/app/views/settings/commissioners/index.html.erb
+++ b/app/views/settings/commissioners/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("en.commissioners") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('commissioners'), '', dashboard_path %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="m-b-10 clearfix">
--- a/app/views/settings/commissioners/new.html.erb
+++ b/app/views/settings/commissioners/new.html.erb
@@ -1,13 +1,2 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_commissioners_path %>"><%= t("en.commissioners") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_commissioners_path %>
-    </span>
-  </ol>
-</div>
-
 <%= render 'form', commissioner: @commissioner %>

--- a/app/views/settings/commissioners/show.html.erb
+++ b/app/views/settings/commissioners/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_commissioners_path %>"><%= t("en.commissioners") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_commissioners_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('commissioners'), settings_commissioners_path, settings_commissioners_path, t("details") %>

 <!-- Nav tabs -->
 <ul class="nav nav-tabs" role="tablist">
--- a/app/views/settings/commissions/_form.html.erb
+++ b/app/views/settings/commissions/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t('commissions'), settings_commissions_path, settings_commissions_path, t("views.btn.#{action_name}") %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/commissions/edit.html.erb
+++ b/app/views/settings/commissions/edit.html.erb
@@ -1,11 +1 @@
- <div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_commissions_path %>"><%= t("en.commissions") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_commissions_path %>
-    </span>
-  </ol>
-</div>
-    <%= render 'form', commission: @commission %>
+<%= render 'form', commission: @commission %>
--- a/app/views/settings/commissions/index.html.erb
+++ b/app/views/settings/commissions/index.html.erb
@@ -1,12 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("en.commissions") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('commissions'), '', dashboard_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
--- a/app/views/settings/commissions/new.html.erb
+++ b/app/views/settings/commissions/new.html.erb
@@ -1,11 +1 @@
- <div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_commissions_path %>"><%= t("en.commissions") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_commissions_path %>
-    </span>
-  </ol>
-</div>
-    <%= render 'form', commission: @commission %>
+<%= render 'form', commission: @commission %>
--- a/app/views/settings/commissions/show.html.erb
+++ b/app/views/settings/commissions/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= settings_commissions_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_commissions_path %>"><%= t("en.commissions") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_commissions_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('commissions'), settings_commissions_path, settings_commissions_path, t('details') %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
--- a/app/views/settings/employees/_form.html.erb
+++ b/app/views/settings/employees/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t("views.right_panel.detail.employee"), settings_employees_path, settings_employees_path, t("views.btn.#{action_name}") %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/employees/edit.html.erb
+++ b/app/views/settings/employees/edit.html.erb
@@ -1,12 +1 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_employees_path %>"><%= t("views.right_panel.detail.employees") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_employees_path %>
-    </span>
-  </ol>
-</div>
- <%= render 'form', employee: @employee %>
+<%= render 'form', employee: @employee %>
--- a/app/views/settings/employees/index.html.erb
+++ b/app/views/settings/employees/index.html.erb
@@ -1,13 +1,5 @@
+<% breadcrumb_add t("views.right_panel.detail.employee"), "", dashboard_path %>

-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.employee") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="m-b-10 clearfix">
--- a/app/views/settings/employees/new.html.erb
+++ b/app/views/settings/employees/new.html.erb
@@ -1,12 +1 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_employees_path %>"><%= t("views.right_panel.detail.employees") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_employees_path %>
-    </span>
-  </ol>
-</div>
- <%= render 'form', employee: @employee %>
+<%= render 'form', employee: @employee %>
--- a/app/views/settings/employees/show.html.erb
+++ b/app/views/settings/employees/show.html.erb
@@ -1,22 +1,4 @@
-<!-- <div class="page-header">
- <ul class="breadcrumb">
-  <li><a href="<%=  %>">Home</a></li>
-  <li>Employee</li>
-  <span style="float: right">
-    <%= link_to t("views.btn.new"),new_settings_employee_path,:class => 'btn btn-primary btn-sm' %>
-  </span>
- </ul>
-</div> -->
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_employees_path %>"><%= t("views.right_panel.detail.employee") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_employees_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.employee"), settings_employees_path, settings_employees_path, t('details') %>
 <br>


--- a/app/views/settings/item_sets/index.html.erb
+++ b/app/views/settings/item_sets/index.html.erb
@@ -1,14 +1,4 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.item_set") %></li>
-    <span class="float-right">
-      <%= link_to t("views.btn.back"), dashboard_path %>
-    </span>
-  </ol>
-</div>
-
+<% breadcrumb_add t("views.right_panel.detail.item_set"), '', dashboard_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
--- a/app/views/settings/lookups/_form.html.erb
+++ b/app/views/settings/lookups/_form.html.erb
@@ -1,4 +1,4 @@
-
+<% breadcrumb_add 'LookUp', settings_lookups_path, settings_lookups_path, t("views.btn.#{action_name}") %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
--- a/app/views/settings/lookups/edit.html.erb
+++ b/app/views/settings/lookups/edit.html.erb
@@ -1,12 +1 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_lookups_path %>">Lookup</a></li>
-    <li class="breadcrumb-item active">Edit</li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_lookups_path %>
-    </span>
-  </ol>
-</div>
 <%= render 'form', settings_lookup: @settings_lookup %>
--- a/app/views/settings/lookups/index.html.erb
+++ b/app/views/settings/lookups/index.html.erb
@@ -1,13 +1,4 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item active">LookUp</li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add 'LookUp', '', dashboard_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
--- a/app/views/settings/lookups/new.html.erb
+++ b/app/views/settings/lookups/new.html.erb
@@ -1,12 +1 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_lookups_path %>">Lookup</a></li>
-    <li class="breadcrumb-item active">New</li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_lookups_path %>
-    </span>
-  </ol>
-</div>
 <%= render 'form', settings_lookup: @settings_lookup %>
--- a/app/views/settings/menu_categories/_form.html.erb
+++ b/app/views/settings/menu_categories/_form.html.erb
@@ -1,3 +1,5 @@
+<% breadcrumb_add t("views.right_panel.header.menu_categories"), settings_menu_categories_path, settings_menu_categories_path, t("views.btn.#{action_name}") %>
+<br>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/menu_categories/edit.html.erb
+++ b/app/views/settings/menu_categories/edit.html.erb
@@ -1,12 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_categories_path %>"><%= t("views.right_panel.detail.menu_categories") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_categories_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_menu_category: @settings_menu_category %>
--- a/app/views/settings/menu_categories/new.html.erb
+++ b/app/views/settings/menu_categories/new.html.erb
@@ -1,13 +1 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_categories_path %>"><%= t("views.right_panel.detail.menu_categories") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_categories_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_menu_category: @settings_menu_category %>
--- a/app/views/settings/menu_categories/show.html.erb
+++ b/app/views/settings/menu_categories/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_categories_path %>"><%= t("views.right_panel.detail.menu_category") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_categories_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.menu_category"), settings_menu_categories_path, settings_menu_categories_path, t('details') %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
--- a/app/views/settings/menu_item_attributes/index.html.erb
+++ b/app/views/settings/menu_item_attributes/index.html.erb
@@ -1,12 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.header.menu_item_attributes") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.menu_item_attributes"), '', dashboard_path %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
   <div class="card">
--- a/app/views/settings/menu_item_instances/_form.html.erb
+++ b/app/views/settings/menu_item_instances/_form.html.erb
@@ -1,3 +1,6 @@
+<% breadcrumb_add t("views.right_panel.header.menu_item_instances"), settings_menu_category_simple_menu_item_path(@category, @item), settings_menu_category_simple_menu_item_path(@category, @item),
+  t("views.btn.#{action_name}") %>
+<br>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/menu_item_instances/edit.html.erb
+++ b/app/views/settings/menu_item_instances/edit.html.erb
@@ -1,15 +1,3 @@
-<!-- <h1>Editing Settings Menu Item</h1>-->
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_category_simple_menu_item_path(@category,@item) %>"><%= t("views.right_panel.header.menu_item_instances") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_category_simple_menu_item_path(@category,@item) %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_simple_menu_item_menu_item_instances: @settings_menu_item_instances, item_sets: @item_sets %>


--- a/app/views/settings/menu_item_instances/new.html.erb
+++ b/app/views/settings/menu_item_instances/new.html.erb
@@ -1,12 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_category_simple_menu_item_path(@category,@item) %>"><%= t("views.right_panel.header.menu_item_instances") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_category_simple_menu_item_path(@category,@item) %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_simple_menu_item_menu_item_instances: @settings_menu_item_instances, item_sets: @item_sets %>
--- a/app/views/settings/menu_item_instances/show.html.erb
+++ b/app/views/settings/menu_item_instances/show.html.erb
@@ -1,26 +1,6 @@
-
-<!-- <div class="page-header">
- <ul class="breadcrumb">
-
-  <li><a href="<%= root_path %>">Home</a></li>
-  <li><a href="<%= settings_menu_category_simple_menu_item_path(@category,@item) %>">Menu Item</a></li>
-  <li>Menu Item Instances</li>
-
-  <span style="float: right">
-  </span>
- </ul>
-</div> -->
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_category_simple_menu_item_path(@category,@item) %>"><%= t("views.right_panel.header.menu_item") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_category_simple_menu_item_path(@category,@item) %>
-    </span>
-  </ol>
-</div>
-
+<% breadcrumb_add t("views.right_panel.header.menu_item"),settings_menu_category_simple_menu_item_path(@category,@item),
+  settings_menu_category_simple_menu_item_path(@category,@item),
+  t('details')  %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
--- a/app/views/settings/menu_item_options/_form.html.erb
+++ b/app/views/settings/menu_item_options/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t("views.right_panel.header.menu_item_options"), settings_menu_item_options_path, settings_menu_item_options_path, t("views.btn.#{action_name}") %>
 <div class="row">
 	<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
 		<div class="card">
--- a/app/views/settings/menu_item_options/edit.html.erb
+++ b/app/views/settings/menu_item_options/edit.html.erb
@@ -1,11 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_item_options_path %>"><%= t("views.right_panel.header.menu_item_options") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_item_options_path %>
-    </span>
-  </ol>
-</div>
 <%= render 'form', settings_menu_item_option: @settings_menu_item_option %>
--- a/app/views/settings/menu_item_options/index.html.erb
+++ b/app/views/settings/menu_item_options/index.html.erb
@@ -1,12 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.header.menu_item_options") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.header.menu_item_options"), '', dashboard_path %>

 <div class="row">
 <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
--- a/app/views/settings/menu_item_options/new.html.erb
+++ b/app/views/settings/menu_item_options/new.html.erb
@@ -1,11 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_item_options_path %>"><%= t("views.right_panel.header.menu_item_options") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_item_options_path %>
-    </span>
-  </ol>
-</div>
 <%= render 'form', settings_menu_item_option: @settings_menu_item_option %>
--- a/app/views/settings/menu_item_options/show.html.erb
+++ b/app/views/settings/menu_item_options/show.html.erb
@@ -1,15 +1,4 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menu_item_options_path %>"><%= t("views.right_panel.header.menu_item_options") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menu_item_options_path %>
-    </span>
-  </ol>
-</div>
-
+<% breadcrumb_add t("views.right_panel.header.menu_item_options"), settings_menu_item_options_path, settings_menu_item_options_path, t('details') %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/menus/_form.html.erb
+++ b/app/views/settings/menus/_form.html.erb
@@ -1,3 +1,5 @@
+<% breadcrumb_add t('menus'), settings_menus_path, settings_menus_path, t("views.btn.#{action_name}") %>
+<br>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/menus/edit.html.erb
+++ b/app/views/settings/menus/edit.html.erb
@@ -1,23 +1 @@
-<!-- <div class="span12">
-		<div class="page-header">
-		 <ul class="breadcrumb">
-		   	<li><a href="<%= root_path %>">Home</a></li>
-  			<li><a href="<%= settings_menus_path %>">Menus</a></li>
-		  	<li>Edit</li>
-		 </ul>
-		</div>
-    <%= render 'form', settings_menu: @settings_menu %>
-</div> -->
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menus_path %>"><%= t("en.menus") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menus_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_menu: @settings_menu %>
--- a/app/views/settings/menus/index.html.erb
+++ b/app/views/settings/menus/index.html.erb
@@ -1,12 +1,5 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("en.menus") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('menus'), "", dashboard_path %>
+
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
   <br><br>
--- a/app/views/settings/menus/new.html.erb
+++ b/app/views/settings/menus/new.html.erb
@@ -1,24 +1 @@
-<!-- 
-<div class="span12">
-		<div class="page-header">
-		 <ul class="breadcrumb">
-		   	<li><a href="<%= root_path %>">Home</a></li>
-  			<li><a href="<%= settings_menus_path %>">Menus</a></li>
-		  	<li>New</li>
-		 </ul>
-		</div>
-    <%= render 'form', settings_menu: @settings_menu %>
-</div>
- -->
- <div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menus_path %>"><%= t("en.menus") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menus_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_menu: @settings_menu %>
--- a/app/views/settings/menus/show.html.erb
+++ b/app/views/settings/menus/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_menus_path %>"><%= t("en.menus") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to 'Back', settings_menus_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('menus'), settings_menus_path, settings_menus_path, t('details') %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
   <div class="card">
--- a/app/views/settings/order_queue_stations/_form.html.erb
+++ b/app/views/settings/order_queue_stations/_form.html.erb
@@ -4,6 +4,8 @@ div.form-inputs span{
 }
 </style>

+<% breadcrumb_add 'Order Queue Stations', settings_order_queue_stations_path, settings_order_queue_stations_path, t("views.btn.#{action_name}") %>
+<br>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
--- a/app/views/settings/order_queue_stations/edit.html.erb
+++ b/app/views/settings/order_queue_stations/edit.html.erb
@@ -1,12 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_order_queue_stations_path %>">Order Queue Stations</a></li>
-    <li class="breadcrumb-item active">Edit</li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_order_queue_stations_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_order_queue_station: @settings_order_queue_station %>
--- a/app/views/settings/order_queue_stations/index.html.erb
+++ b/app/views/settings/order_queue_stations/index.html.erb
@@ -1,15 +1,4 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.header.order_queue_stations") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
-
-
+<% breadcrumb_add t("views.right_panel.header.order_queue_stations"), "", dashboard_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
--- a/app/views/settings/order_queue_stations/new.html.erb
+++ b/app/views/settings/order_queue_stations/new.html.erb
@@ -1,12 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_order_queue_stations_path %>">Order Queue Stations</a></li>
-    <li class="breadcrumb-item active">New</li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_order_queue_stations_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_order_queue_station: @settings_order_queue_station %>
--- a/app/views/settings/out_of_stock/index.html.erb
+++ b/app/views/settings/out_of_stock/index.html.erb
@@ -1,12 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path  %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t :out_of_stock %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t('out_of_stock'), "", dashboard_path %>

 <div class="row ">
  <div class="col-lg-4 col-md-4 col-sm-4" style="padding-left: 17px;">
--- a/app/views/settings/payment_method_settings/_form.html.erb
+++ b/app/views/settings/payment_method_settings/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t("payment_methods"), settings_payment_method_settings_path, settings_payment_method_settings_path, t("views.btn.#{action_name}") %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
--- a/app/views/settings/payment_method_settings/edit.html.erb
+++ b/app/views/settings/payment_method_settings/edit.html.erb
@@ -1,12 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_payment_method_settings_path %>"><%= t("en.payment_methods") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.ack', :default => t("views.back")), settings_payment_method_settings_path %>
-    </span>
-  </ol>
-</div>
-
 <%= render 'form', settings_payment_method_setting: @settings_payment_method_setting %>
--- a/app/views/settings/payment_method_settings/index.html.erb
+++ b/app/views/settings/payment_method_settings/index.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("en.payment_methods") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
-
+<% breadcrumb_add t('payment_methods'), "", dashboard_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
--- a/app/views/settings/payment_method_settings/new.html.erb
+++ b/app/views/settings/payment_method_settings/new.html.erb
@@ -1,13 +1 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_payment_method_settings_path %>"><%= t("en.payment_methods") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.ack', :default => t("views.back")), settings_payment_method_settings_path %>
-    </span>
-  </ol>
-</div>
-
 <%= render 'form', settings_payment_method_setting: @settings_payment_method_setting %>
--- a/app/views/settings/payment_method_settings/show.html.erb
+++ b/app/views/settings/payment_method_settings/show.html.erb
@@ -1,14 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_payment_method_settings_path %>"><%= t("en.payment_methods") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_payment_method_settings_path %>
-    </span>
-  </ol>
-</div>
-
+<% breadcrumb_add t('payment_methods'), settings_payment_method_settings_path, settings_payment_method_settings_path, t('details') %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
--- a/app/views/settings/processing_items/new.html.erb
+++ b/app/views/settings/processing_items/new.html.erb
@@ -1,12 +1,3 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>">Home</a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_order_queue_stations_path %>">Order Queue Stations</a></li>
-    <li class="breadcrumb-item active"><%= @settings_order_queue_station.station_name %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_order_queue_stations_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add 'Order Queue Stations', settings_order_queue_stations_path, settings_order_queue_stations_path, @settings_order_queue_station.station_name %>
 <br>
 <%= render 'form', settings_order_queue_station: @settings_order_queue_station %>
--- a/app/views/settings/products/_form.html.erb
+++ b/app/views/settings/products/_form.html.erb
@@ -1,4 +1,5 @@
-
+<% breadcrumb_add t("views.right_panel.detail.product"), settings_products_path, settings_products_path, t("views.btn.#{action_name}") %>
+<br>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
    <div class="card">
--- a/app/views/settings/products/edit.html.erb
+++ b/app/views/settings/products/edit.html.erb
@@ -1,12 +1 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_products_path %>"><%= t("views.right_panel.detail.product") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.edit") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_products_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_product: @settings_product %>
--- a/app/views/settings/products/index.html.erb
+++ b/app/views/settings/products/index.html.erb
@@ -1,14 +1,4 @@
-
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.right_panel.detail.product") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), dashboard_path %>
-    </span>
-  </ol>
-</div>
-
+<% breadcrumb_add t("views.right_panel.detail.product"), "", dashboard_path %>

 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
--- a/app/views/settings/products/new.html.erb
+++ b/app/views/settings/products/new.html.erb
@@ -1,24 +1,3 @@
-<!-- <div class="span12">
-	<div class="page-header">
-	 <ul class="breadcrumb">
-	   	<li><a href="<%= root_path %>">Home</a></li>
-			<li><a href="<%= settings_products_path %>">Products</a></li>
-	  	<li>New</li>
-	 </ul>
-	</div>
-    <%= render 'form', settings_product: @settings_product %>
-</div> -->
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_products_path %>"><%= t("views.right_panel.detail.product") %></a></li>
-    <li class="breadcrumb-item active"><%= t("views.btn.new") %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_products_path %>
-    </span>
-  </ol>
-</div>
-<br>
 <%= render 'form', settings_product: @settings_product %>
 <script>
 	function randomNumber(len) {
--- a/app/views/settings/products/show.html.erb
+++ b/app/views/settings/products/show.html.erb
@@ -1,13 +1,4 @@
-<div class="page-header">
-  <ol class="breadcrumb">
-    <li class="breadcrumb-item"><a href="<%= dashboard_path %>"><%= t("views.right_panel.button.home") %></a></li>
-    <li class="breadcrumb-item"><a href="<%= settings_products_path %>"><%= t("views.right_panel.detail.product") %></a></li>
-    <li class="breadcrumb-item active"><%= t :details %></li>
-    <span class="float-right">
-      <%= link_to t('.back', :default => t("views.btn.back")), settings_products_path %>
-    </span>
-  </ol>
-</div>
+<% breadcrumb_add t("views.right_panel.detail.product"), settings_products_path, settings_products_path, t('details') %>
 <br>

 <div class="row">
--- a/app/views/settings/promotions/_form.html.erb
+++ b/app/views/settings/promotions/_form.html.erb
@@ -1,3 +1,4 @@
+<% breadcrumb_add t("views.right_panel.detail.promotion"), settings_promotions_path, settings_promotions_path, t("views.btn.#{action_name}") %>
 <div class="row">
  <div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
    <div class="card">
--- a/Show More
+++ b/Show More