From d628aeb8caf8215ea517be8987cf648b05631ef8 Mon Sep 17 00:00:00 2001
From: Faheedkhan <faheedk215@gmail.com>
Date: Thu, 22 May 2025 13:43:01 +0300
Subject: [PATCH] added ui changes to sales

---
 templates/sales/invoices/invoice_list.html    |  4 ++--
 templates/sales/orders/order_list.html        | 12 +++---------
 templates/sales/payments/payment_details.html | 11 +++++++----
 templates/sales/payments/payment_list.html    |  4 ++--
 templates/sales/sales_list.html               |  4 ++--
 5 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/templates/sales/invoices/invoice_list.html b/templates/sales/invoices/invoice_list.html
index ecea9ce9..2dec1276 100644
--- a/templates/sales/invoices/invoice_list.html
+++ b/templates/sales/invoices/invoice_list.html
@@ -9,9 +9,9 @@
         <h3 class="mb-3"><i class="fa-solid fa-receipt"></i> {% trans "Invoices" %}</h3>
 
         <div class="table-responsive px-1 scrollbar">
-            <table class="table fs-9 mb-0 border-top border-translucent">
+            <table class="table align-items-center table-flush">
                 <thead>
-                    <tr>
+                    <tr class="bg-body-highlight">
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Invoice Number" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Customer" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Status" %}</th>
diff --git a/templates/sales/orders/order_list.html b/templates/sales/orders/order_list.html
index 5ebdb2cf..865da764 100644
--- a/templates/sales/orders/order_list.html
+++ b/templates/sales/orders/order_list.html
@@ -5,12 +5,12 @@
 
 {% block content %}
     <div class="row mt-4">
-        <h3 class="mb-3">{% trans "Orders" %}</h3>
+        <h3 class="mb-3"><i class="fa-solid fa-list"></i> {% trans "Orders" %}</h3>
 
         <div class="table-responsive px-1 scrollbar">
-            <table class="table fs-9 mb-0 border-top border-translucent">
+            <table class="table align-items-center table-flush">
                 <thead>
-                    <tr>
+                    <tr class="bg-body-highlight">
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Order Number" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Customer" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "For Quotation" %}</th>
@@ -28,12 +28,6 @@
                                     {{ order.estimate }}
                                 </a>
                             </td>
-                            <td class="text-center">
-                        {% comment %} <a href="{% url 'estimate_detail' estimate.pk %}" 
-                           class="btn btn-sm btn-phoenix-success">
-                           {% trans "view"|capfirst %}
-                        </a> {% endcomment %}
-                            </td>
                         </tr>
                     {% empty %}
                         <tr>
diff --git a/templates/sales/payments/payment_details.html b/templates/sales/payments/payment_details.html
index 5ed867f4..32fe3975 100644
--- a/templates/sales/payments/payment_details.html
+++ b/templates/sales/payments/payment_details.html
@@ -8,9 +8,9 @@
         <h3 class="mb-3"><i class="fa-solid fa-right-left"></i> {% trans "Transactions" %}</h3>
 
         <div class="table-responsive px-1 scrollbar">
-            <table class="table fs-9 mb-0 border-top border-translucent">
+            <table class="table align-items-center table-flush">
                 <thead>
-                    <tr>
+                    <tr class="bg-body-highlight">
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "#" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Timestamp" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Account Name" %}</th>
@@ -39,8 +39,11 @@
                     </tbody>
                 </table>
             </div>
-            <div class="d-flex justify-content-center">
-            </div>
+             <div class="d-flex justify-content-center">
+            {% if is_paginated %}
+                {% include 'partials/pagination.html' %}
+            {% endif %}
+        </div>
 
         </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/sales/payments/payment_list.html b/templates/sales/payments/payment_list.html
index 2c2c268b..166b685c 100644
--- a/templates/sales/payments/payment_list.html
+++ b/templates/sales/payments/payment_list.html
@@ -12,9 +12,9 @@
         </div>
 
         <div class="table-responsive px-1 scrollbar">
-            <table class="table fs-9 mb-0 border-top border-translucent">
+            <table class="table align-items-center table-flush">
                 <thead>
-                    <tr>
+                    <tr class="bg-body-highlight">
                         <th>#</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Payment Number" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Invoice" %}</th>
diff --git a/templates/sales/sales_list.html b/templates/sales/sales_list.html
index 7204a4f6..ffc70a8c 100644
--- a/templates/sales/sales_list.html
+++ b/templates/sales/sales_list.html
@@ -101,9 +101,9 @@
                  hx-on::after-request="on_after_request()">
             </div>
 
-            <table class="table table-sm fs-9 mb-0 border-translucent">
+            <table class="table align-items-center table-flush">
               <thead>
-                <tr>
+                <tr class="bg-body-highlight">
                   <th class="sort white-space-nowrap align-middle ps-0" scope="col" data-sort="customer_name" style="width:10%;">
                     {{ _("Customer Name")}}</th>
                   <th class="sort align-middle ps-3" scope="col" data-sort="customer_address" style="width:5%;">{{ _("Customer Address")}}</th>