From 0d3c0b904e4c576d16bc5d96191c8d1e78a736a2 Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Sat, 30 Nov 2024 03:29:18 -0300
Subject: [PATCH] feat: add transaction type coloring and note to installments
 table

---
 app/templates/installment_plans/fragments/table.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/templates/installment_plans/fragments/table.html b/app/templates/installment_plans/fragments/table.html
index 6b822ce..cf9477c 100644
--- a/app/templates/installment_plans/fragments/table.html
+++ b/app/templates/installment_plans/fragments/table.html
@@ -7,7 +7,7 @@
 {% endif %}
   {% if installment_plans %}
   <div class="table-responsive">
-    <table class="table table-hover">
+    <table class="table table-hover align-middle">
       <thead>
         <tr>
           <th scope="col" class="col-auto"></th>
@@ -61,7 +61,12 @@
                       _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
             </div>
           </td>
-          <td class="col">{{ installment_plan.description }}</td>
+          <td class="col">
+            <div class="{% if installment_plan.type == 'EX' %}tw-text-red-400{% else %}tw-text-green-400{% endif %}">
+              {{ installment_plan.description }}
+            </div>
+            <div class="tw-text-sm tw-text-gray-400">{{ installment_plan.notes|linebreaks }}</div>
+          </td>
         </tr>
         {% endfor %}
       </tbody>