From ffe00927f752dd413393ddffd04dbf1bfc8ac8b8 Mon Sep 17 00:00:00 2001
From: JKuijperM <jkmontero17@gmail.com>
Date: Thu, 9 Jul 2026 18:15:39 +0200
Subject: [PATCH] Created the view "settings"

---
 .../expenses/static/expenses/css/base.css     | 31 +++++++++++++++++++
 .../expenses/templates/settings/index.html    | 29 +++++++++++++++++
 expenses_manager/expenses/views.py            |  2 +-
 3 files changed, 61 insertions(+), 1 deletion(-)
 create mode 100644 expenses_manager/expenses/templates/settings/index.html

diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css
index d262472..3def732 100644
--- a/expenses_manager/expenses/static/expenses/css/base.css
+++ b/expenses_manager/expenses/static/expenses/css/base.css
@@ -452,4 +452,35 @@ tbody tr:hover {
 .badge-inactive {
     background-color: #fbe9e7;
     color: #b71c1c;
+}
+
+.settings-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 16px;
+    margin-top: 20px;
+}
+
+.settings-card {
+    display: block;
+    padding: 16px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    text-decoration: none;
+    color: inherit;
+    transition: box-shadow 0.15s ease;
+}
+
+.settings-card:hover {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.settings-card h3 {
+    margin: 0 0 4px 0;
+}
+
+.settings-card p {
+    margin: 0;
+    font-size: 0.9em;
+    color: #666;
 }
\ No newline at end of file
diff --git a/expenses_manager/expenses/templates/settings/index.html b/expenses_manager/expenses/templates/settings/index.html
new file mode 100644
index 0000000..7226251
--- /dev/null
+++ b/expenses_manager/expenses/templates/settings/index.html
@@ -0,0 +1,29 @@
+{% extends "expenses/base.html" %}
+
+{% block title %}
+    Configuración
+{% endblock %}
+
+{% block content %}
+<h2>Configuración</h2>
+
+<p>Gestiona las categorías, etiquetas y objetivos de tu cuenta</p>
+
+<div class="settings-grid">
+    <a class="settings-card" href="{% url 'category_list' %}">
+        <h3>Categorías</h3>
+        <p>Organiza tus gastos por tipo.</p>
+    </a>
+
+    <a class="settings-card" href="{% url 'tag_list' %}">
+        <h3>Etiquetas</h3>
+        <p>Añade etiquetas libres a tus gastos.</p>
+    </a>
+
+    <a class="settings-card" href="{% url 'goal_list' %}">
+        <h3>Objetivos</h3>
+        <p>Define y controla tus metas de gasto.</p>
+    </a>
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/expenses_manager/expenses/views.py b/expenses_manager/expenses/views.py
index ef204f3..bbb139e 100644
--- a/expenses_manager/expenses/views.py
+++ b/expenses_manager/expenses/views.py
@@ -957,4 +957,4 @@ def goal_delete(request, pk):
 
 @login_required
 def settings_index(request):
-    return render(request, "settings/index.html")
+    return render(request, "settings/index.html", {"active_menu": "settings"})