From 980deb61f9ccba11441ddf2fcba86d578722e4a4 Mon Sep 17 00:00:00 2001
From: Mono Mono <monomono@disroot.org>
Date: Sat, 17 Aug 2024 18:25:05 -0500
Subject: [PATCH 1/3] feat(View): add base template and menu.

---
 .../don_confiao/templates/don_confiao/base.html    | 14 ++++++++++++++
 .../don_confiao/templates/don_confiao/menu.html    | 10 ++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 tienda_ilusion/don_confiao/templates/don_confiao/base.html
 create mode 100644 tienda_ilusion/don_confiao/templates/don_confiao/menu.html

diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/base.html b/tienda_ilusion/don_confiao/templates/don_confiao/base.html
new file mode 100644
index 0000000..0a25775
--- /dev/null
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/base.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Don Confiao - Tienda la Ilusión</title>
+    </head>
+    <body>
+        <div id="menu">
+            {% include 'don_confiao/menu.html' %}
+        </div>
+        <div id="content">
+            {% block content %} {% endblock %}
+        </div>
+    </body>
+</html>
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
new file mode 100644
index 0000000..7978d3b
--- /dev/null
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
@@ -0,0 +1,10 @@
+<nav>
+    <ul>
+        <li><a href='./comprar'>Comprar</a></li>
+        <li><a href='./compras'>Compras</a></li>
+        <li><a href='./lista_productos'>Productos</a></li>
+        <li><a href='./importar_productos'>Importar Productos</a></li>
+        <li><a href='./cuadrar_tarro'>Cuadrar tarro</a></li>
+        
+    </ul>
+</nav>

From 0e15192f37bff730ab3ee70aedd6e3ce7bd71d5b Mon Sep 17 00:00:00 2001
From: Mono Mono <monomono@disroot.org>
Date: Sat, 17 Aug 2024 18:25:41 -0500
Subject: [PATCH 2/3] view: using base template.

---
 .../don_confiao/templates/don_confiao/import_products.html  | 3 +++
 .../don_confiao/templates/don_confiao/product_list.html     | 3 ++-
 .../don_confiao/templates/don_confiao/purchase.html         | 4 +++-
 .../don_confiao/templates/don_confiao/purchase_summary.html | 5 +++++
 .../don_confiao/templates/don_confiao/purchases.html        | 5 +++++
 .../don_confiao/templates/don_confiao/reconciliate_jar.html | 6 +++++-
 6 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/import_products.html b/tienda_ilusion/don_confiao/templates/don_confiao/import_products.html
index 376952d..3c9d1f9 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/import_products.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/import_products.html
@@ -1,3 +1,5 @@
+{% extends 'don_confiao/base.html' %}
+{% block content %}
 {% if form.is_multipart %}
     <form enctype="multipart/form-data" method="post">
 {% else %}
@@ -8,3 +10,4 @@
 {{ form }}
 <input type="submit" value="Importar">
 </form>
+{% endblock %}
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/product_list.html b/tienda_ilusion/don_confiao/templates/don_confiao/product_list.html
index 0ff63b9..d9dbcfd 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/product_list.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/product_list.html
@@ -1,9 +1,10 @@
+{% extends 'don_confiao/base.html' %}
+{% block content %}
 <form action="" method="get">
     <label>Filtro por nombre:</label>
     <input type="text" name="name" value="{{ request.GET.name }}">
     <button type="submit">Filtrar</button>
 </form>
-{% block content %}
   <h1>Lista de productos</h1>
   <ul>
     {% for obj in object_list %}
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
index c21690b..f17caf8 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
@@ -1,4 +1,5 @@
-<!doctype html>
+{% extends 'don_confiao/base.html' %}
+{% block content %}
 {% load static %}
 <form id="complete_form_purchase" method="POST">
   {% csrf_token %}
@@ -20,3 +21,4 @@
   <script src="{% static 'js/sale_summary.js' %}"></script>
   <script src="{% static 'js/calculate_subtotal_line.js' %}"></script>
 </form>
+{% endblock %}
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase_summary.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase_summary.html
index b10494a..b3af74f 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase_summary.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase_summary.html
@@ -1,3 +1,6 @@
+{% extends 'don_confiao/base.html' %}
+{% block content %}
+
 <h1>Resumen de compra</h1>
 <dl>
 <dt>Date</dt> <dd>{{ purchase.date }}</dd>
@@ -5,3 +8,5 @@
 <dt>Customer</dt> <dd>{{ purchase.customer.name }}</dd>
 <dt>Total</dt> <dd>{{ purchase.get_total }}</dd>
 </dl>
+
+{% endblock %}
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html
index 20e3de2..3ce9533 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html
@@ -1,3 +1,6 @@
+{% extends 'don_confiao/base.html' %}
+{% block content %}
+
 {% if purchases  %}
 <ul>
     {% for purchase in purchases %}
@@ -7,3 +10,5 @@
 {% else %}
 <p>No hay Compras</p>
 {% endif %}
+
+{% endblock %}
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/reconciliate_jar.html b/tienda_ilusion/don_confiao/templates/don_confiao/reconciliate_jar.html
index 6771044..74a47d3 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/reconciliate_jar.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/reconciliate_jar.html
@@ -1,4 +1,6 @@
-<!doctype html>
+{% extends 'don_confiao/base.html' %}
+{% block content %}
+
 {% if summary.total %}
 <div class="reconciliate_jar summary" style="border: solid 1px brown; margin: 10px">
     <h2>Pagos No reconciliados</h2>
@@ -28,3 +30,5 @@
     <h2>No hay pagos registrados.</h2>
 </div>
 {% endif %}
+
+{% endblock %}

From f250cdada2e90eb5e8e883e969f9222e275c9bff Mon Sep 17 00:00:00 2001
From: Mono Mono <monomono@disroot.org>
Date: Sat, 17 Aug 2024 19:07:06 -0500
Subject: [PATCH 3/3] view(css): add style to main menu.

---
 .../don_confiao/static/css/main_menu.css      | 33 +++++++++++++++++++
 .../templates/don_confiao/menu.html           | 14 ++++----
 .../templates/don_confiao/purchases.html      |  2 +-
 3 files changed, 42 insertions(+), 7 deletions(-)
 create mode 100644 tienda_ilusion/don_confiao/static/css/main_menu.css

diff --git a/tienda_ilusion/don_confiao/static/css/main_menu.css b/tienda_ilusion/don_confiao/static/css/main_menu.css
new file mode 100644
index 0000000..63edf8d
--- /dev/null
+++ b/tienda_ilusion/don_confiao/static/css/main_menu.css
@@ -0,0 +1,33 @@
+
+nav#main_menu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 1em;
+}
+
+nav#main_menu li {
+  margin-right: 20px;
+}
+
+nav#main_menu a {
+  text-decoration: none;
+  color: #333;
+  background-color: #f0f0f0;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+nav#main_menu a:hover {
+  background-color: #ccc;
+  color: #666;
+}
+
+nav#main_menu a:active {
+  background-color: #aaa;
+  color: #444;
+}
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
index 7978d3b..383fff8 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/menu.html
@@ -1,10 +1,12 @@
-<nav>
+{% load static %}
+<link rel="stylesheet" type="text/css" href="{% static 'css/main_menu.css' %}">
+<nav id="main_menu">
     <ul>
-        <li><a href='./comprar'>Comprar</a></li>
-        <li><a href='./compras'>Compras</a></li>
-        <li><a href='./lista_productos'>Productos</a></li>
-        <li><a href='./importar_productos'>Importar Productos</a></li>
-        <li><a href='./cuadrar_tarro'>Cuadrar tarro</a></li>
+        <li><a href='/don_confiao/comprar'>Comprar</a></li>
+        <li><a href='/don_confiao/compras'>Compras</a></li>
+        <li><a href='/don_confiao/lista_productos'>Productos</a></li>
+        <li><a href='/don_confiao/importar_productos'>Importar Productos</a></li>
+        <li><a href='/don_confiao/cuadrar_tarro'>Cuadrar tarro</a></li>
         
     </ul>
 </nav>
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html
index 3ce9533..c00c823 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchases.html
@@ -4,7 +4,7 @@
 {% if purchases  %}
 <ul>
     {% for purchase in purchases %}
-    <li><a href="/don_confiao/{{ purchase.id }}/">{{ purchase.date }}, {{ purchase.customer }}</a></li>
+    <li><a href="/don_confiao/resumen_compra/{{ purchase.id }}">{{ purchase.date }}, {{ purchase.customer }}</a></li>
     {% endfor %}
 </ul>
 {% else %}