From d3dba87ca186b7336a05ed6ba59030ff8f2d3e5a Mon Sep 17 00:00:00 2001
From: lauriejefferson <joyfulnoiseforyahshua@gmail.com>
Date: Wed, 21 Jun 2023 17:22:12 -0400
Subject: [PATCH] added styling and table rows for 'Not Paid' order
 confirmation'

---
 app/views/spree/orders/_totals_footer.html.haml | 7 +++++++
 app/webpacker/css/darkswarm/checkout.scss       | 5 +++++
 2 files changed, 12 insertions(+)

diff --git a/app/views/spree/orders/_totals_footer.html.haml b/app/views/spree/orders/_totals_footer.html.haml
index ab8130210e..68a6b8ba33 100644
--- a/app/views/spree/orders/_totals_footer.html.haml
+++ b/app/views/spree/orders/_totals_footer.html.haml
@@ -23,6 +23,13 @@
           = t :order_total_price
       %td.text-right.total
         %h5#order_total= order.display_total.to_html
+    %tr.total
+      %td.text-right{colspan: "3"}
+        %h5.not-paid
+          = t :order_balance_due
+      %td.text-right.total.not-paid
+        %h5#order_balance
+
 
   - if order.total_tax > 0
     #tax
diff --git a/app/webpacker/css/darkswarm/checkout.scss b/app/webpacker/css/darkswarm/checkout.scss
index 004a1cb917..b6206ce02a 100644
--- a/app/webpacker/css/darkswarm/checkout.scss
+++ b/app/webpacker/css/darkswarm/checkout.scss
@@ -108,3 +108,8 @@ checkout {
     }
   }
 }
+
+.not-paid {
+  color: #f40f0f;
+  font-weight: 700;
+}
\ No newline at end of file