From e9f9d273916bcddabc2e24eb6693300be6456645 Mon Sep 17 00:00:00 2001
From: JKuijperM <jkmontero17@gmail.com>
Date: Thu, 9 Jul 2026 15:58:56 +0200
Subject: [PATCH] Modified the account list to see the state "active" or
 "inactive"

---
 .../expenses/static/expenses/css/base.css     | 22 +++++++++++++++++++
 .../templates/expenses/account_list.html      | 12 ++++++++--
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css
index 70ce213..d262472 100644
--- a/expenses_manager/expenses/static/expenses/css/base.css
+++ b/expenses_manager/expenses/static/expenses/css/base.css
@@ -430,4 +430,26 @@ tbody tr:hover {
     padding: 10px;
     border-radius: 8px;
     background: #f9f9f9;
+}
+
+.row-inactive {
+    opacity: 0.55;
+}
+
+.badge {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 12px;
+    font-size: 0.8em;
+    font-weight: 600;
+}
+
+.badge-active {
+    background-color: #e6f4ea;
+    color: #1e7e34;
+}
+
+.badge-inactive {
+    background-color: #fbe9e7;
+    color: #b71c1c;
 }
\ No newline at end of file
diff --git a/expenses_manager/expenses/templates/expenses/account_list.html b/expenses_manager/expenses/templates/expenses/account_list.html
index 6867499..cc7bd4d 100644
--- a/expenses_manager/expenses/templates/expenses/account_list.html
+++ b/expenses_manager/expenses/templates/expenses/account_list.html
@@ -22,10 +22,18 @@
                     <td>{{ account.name }}</td>
                     <td>{{ account.initial_balance }}</td>
                     <td>{{ account.current_balance|floatformat:2 }}</td>
-                    <td>{{ account.active }}</td>
+                    <td>
+                        {% if account.active %}
+                            <span class="badge badge-active">Activa</span>
+                        {% else %}
+                            <span class="badge badge-inactive">Inactiva</span>
+                        {% endif %}
+                    </td>
                     <td class="table-actions">
                         <a href="{% url 'account_edit' account.id %}">Editar</a>
-                        <a href="{% url 'account_delete' account.id %}" class="danger">Eliminar</a>
+                        {% if account.active %}
+                            <a href="{% url 'account_delete' account.id %}" class="danger">Eliminar</a>
+                        {% endif %}
                     </td>
                 </tr>
             {% empty %}