From 7beac90c05f5dbf363b67de450e9c8ca71dd5872 Mon Sep 17 00:00:00 2001
From: aserrador <alejandro.ayala@onecluster.org>
Date: Sat, 11 Jul 2026 13:52:35 -0500
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20mejora=20selector=20de=20productos?=
 =?UTF-8?q?=20con=20autocomplete=20y=20est=C3=A9tica=20del=20modal=20en=20?=
 =?UTF-8?q?gesti=C3=B3n=20de=20im=C3=A1genes=20de=20cat=C3=A1logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CatalogueImagesManagement.vue | 38 +++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/src/components/CatalogueImagesManagement.vue b/src/components/CatalogueImagesManagement.vue
index f752ada..2542359 100644
--- a/src/components/CatalogueImagesManagement.vue
+++ b/src/components/CatalogueImagesManagement.vue
@@ -80,55 +80,67 @@
       </v-col>
     </v-row>
 
-    <v-dialog v-model="dialog.show" max-width="500" persistent>
-      <v-card>
-        <v-card-title>
+    <v-dialog v-model="dialog.show" max-width="520" persistent>
+      <v-card elevation="2" rounded="lg">
+        <v-card-title class="text-h6 font-weight-bold pa-6 pb-0">
+          <v-icon :icon="dialog.isEdit ? 'mdi-pencil' : 'mdi-plus-circle-outline'" class="mr-2" color="primary" />
           {{ dialog.isEdit ? 'Editar' : 'Agregar' }} Imagen de Catálogo
         </v-card-title>
-        <v-card-text>
+        <v-divider class="mt-3" />
+        <v-card-text class="pa-6">
           <v-form ref="formRef">
-            <v-select
+            <v-label class="font-weight-medium mb-1 d-block">Producto</v-label>
+            <v-autocomplete
               v-model="form.product"
               :items="productOptions"
-              label="Producto"
+              placeholder="Buscar producto…"
               :rules="[(v) => !!v || 'Seleccione un producto']"
               item-title="name"
               item-value="id"
               variant="outlined"
               :disabled="dialog.isEdit"
-              class="mb-3"
+              class="mb-5"
+              clearable
+              prepend-inner-icon="mdi-package-variant-closed"
+              density="comfortable"
             />
 
+            <v-label class="font-weight-medium mb-1 d-block">Imagen</v-label>
             <v-file-input
               ref="fileInputRef"
-              label="Imagen"
               accept="image/*"
               :rules="[(v) => !!v || 'Seleccione una imagen']"
               variant="outlined"
               prepend-icon="mdi-camera"
-              class="mb-3"
+              prepend-inner-icon="mdi-image-outline"
+              class="mb-5"
               @update:model-value="onFileSelected"
+              density="comfortable"
+              hide-details="auto"
             />
 
             <v-img
               v-if="form.preview"
               :src="form.preview"
-              max-height="200"
+              max-height="220"
               contain
-              class="mb-3 rounded"
+              class="rounded-lg border mt-2"
             />
           </v-form>
         </v-card-text>
-        <v-card-actions>
+        <v-divider />
+        <v-card-actions class="pa-4">
           <v-spacer />
-          <v-btn variant="text" @click="closeDialog">Cancelar</v-btn>
+          <v-btn variant="tonal" @click="closeDialog">Cancelar</v-btn>
           <v-btn
             color="primary"
             variant="elevated"
             :loading="submitting"
             :disabled="submitting"
             @click="submitForm"
+            class="ml-2"
           >
+            <v-icon start :icon="dialog.isEdit ? 'mdi-content-save' : 'mdi-upload'" />
             {{ dialog.isEdit ? 'Actualizar' : 'Agregar' }}
           </v-btn>
         </v-card-actions>

From 3029e6d4b970183c71c21f495094e3dfc245286f Mon Sep 17 00:00:00 2001
From: mono <mono@desarrollo-mono.localhost>
Date: Sat, 11 Jul 2026 18:56:45 -0500
Subject: [PATCH 2/7] #45 feat: clean catalog view on mobile devices

---
 src/components/AppFooter.vue    | 122 +++++++++++++++++++++++---------
 src/components/LoginDialog.vue  |   8 ++-
 src/components/catalog/Card.vue |  87 ++++++++++++++---------
 src/pages/catalog.vue           |  44 +++++++-----
 4 files changed, 177 insertions(+), 84 deletions(-)

diff --git a/src/components/AppFooter.vue b/src/components/AppFooter.vue
index 69a1691..584673a 100644
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@@ -1,39 +1,62 @@
 <template>
-  <v-footer height="40" app>
-    <a
-      v-for="item in items"
-      :key="item.title"
-      :href="item.href"
-      :title="item.title"
-      class="d-inline-block mx-2 social-link"
-      rel="noopener noreferrer"
-      target="_blank"
+  <div>
+    <!-- Footer completo: visible siempre en desktop, toggle en mobile -->
+    <v-footer
+      v-if="expanded || !isMobile"
+      height="40"
+      app
+      class="app-footer"
+      :class="{ 'footer-overlay': isMobile }"
     >
-      <v-icon
-        :icon="item.icon"
-        :size="item.icon === '$vuetify' ? 24 : 16"
-      />
-    </a>
-
-    <div
-      class="text-caption text-disabled"
-      style="position: absolute; right: 16px;"
-    >
-      &copy; 2016-{{ (new Date()).getFullYear() }} <span class="d-none d-sm-inline-block">Vuetify, LLC</span>
-      —
       <a
-        class="text-decoration-none on-surface"
-        href="https://vuetifyjs.com/about/licensing/"
+        v-for="item in items"
+        :key="item.title"
+        :href="item.href"
+        :title="item.title"
+        class="d-inline-block mx-2 social-link"
         rel="noopener noreferrer"
         target="_blank"
       >
-        MIT License
+        <v-icon
+          :icon="item.icon"
+          :size="item.icon === '$vuetify' ? 24 : 16"
+        />
       </a>
-    </div>
-  </v-footer>
+
+      <div
+        class="text-caption text-disabled"
+        style="position: absolute; right: 16px;"
+      >
+        &copy; 2016-{{ (new Date()).getFullYear() }} <span class="d-none d-sm-inline-block">Vuetify, LLC</span>
+        —
+        <a
+          class="text-decoration-none on-surface"
+          href="https://vuetifyjs.com/about/licensing/"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          MIT License
+        </a>
+      </div>
+    </v-footer>
+
+    <!-- Botón flotante: solo en mobile -->
+    <v-btn
+      v-if="isMobile"
+      icon
+      size="small"
+      class="footer-toggle-btn"
+      :color="expanded ? 'primary' : undefined"
+      @click="expanded = !expanded"
+    >
+      <v-icon :icon="expanded ? 'mdi-close' : '$vuetify'" :size="expanded ? 20 : 24" />
+    </v-btn>
+  </div>
 </template>
 
 <script setup>
+  import { ref, computed, onMounted, onUnmounted } from 'vue';
+
   const items = [
     {
       title: 'Vuetify Documentation',
@@ -65,15 +88,48 @@
       icon: `mdi-reddit`,
       href: 'https://reddit.com/r/vuetifyjs',
     },
-  ]
+  ];
+
+  const expanded = ref(false);
+  const windowWidth = ref(typeof window !== 'undefined' ? window.innerWidth : 1200);
+
+  const isMobile = computed(() => windowWidth.value < 960);
+
+  const onResize = () => {
+    windowWidth.value = window.innerWidth;
+  };
+
+  onMounted(() => {
+    window.addEventListener('resize', onResize);
+  });
+
+  onUnmounted(() => {
+    window.removeEventListener('resize', onResize);
+  });
 </script>
 
 <style scoped lang="sass">
-  .social-link :deep(.v-icon)
-    color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity))
-    text-decoration: none
-    transition: .2s ease-in-out
+.social-link :deep(.v-icon)
+  color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity))
+  text-decoration: none
+  transition: .2s ease-in-out
 
-    &:hover
-      color: rgba(25, 118, 210, 1)
+  &:hover
+    color: rgba(25, 118, 210, 1)
+
+/* Botón flotante para mobile */
+.footer-toggle-btn
+  position: fixed
+  bottom: 12px
+  right: 12px
+  z-index: 2000
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25)
+
+/* Overlay del footer en mobile */
+.footer-overlay
+  position: fixed !important
+  bottom: 0
+  left: 0
+  right: 0
+  z-index: 1999
 </style>
diff --git a/src/components/LoginDialog.vue b/src/components/LoginDialog.vue
index df79108..6f6c157 100644
--- a/src/components/LoginDialog.vue
+++ b/src/components/LoginDialog.vue
@@ -1,7 +1,13 @@
 <template>
   <v-dialog v-model="show" max-width="400">
     <v-card>
-      <v-card-title class="headline">Iniciar sesión</v-card-title>
+      <v-card-title class="headline d-flex align-center">
+        Iniciar sesión
+        <v-spacer />
+        <v-btn icon size="small" variant="text" @click="show = false">
+          <v-icon>mdi-close</v-icon>
+        </v-btn>
+      </v-card-title>
       <v-card-text>
         <v-form ref="form" @submit.prevent="onSubmit">
           <v-text-field
diff --git a/src/components/catalog/Card.vue b/src/components/catalog/Card.vue
index 4659528..3857305 100644
--- a/src/components/catalog/Card.vue
+++ b/src/components/catalog/Card.vue
@@ -63,52 +63,64 @@
 
     <!-- Footer con Controles de Cantidad -->
     <v-card-actions class="product-actions pa-2 pb-3 justify-center">
-      <div class="quantity-controls">
+      <template v-if="disabled">
         <v-btn
-          icon
-          size="small"
+          color="primary"
           variant="tonal"
-          color="error"
-          class="qty-btn"
-          @click="decrease(product)"
-          :disabled="disabled || product.quantity === 0"
+          prepend-icon="mdi-cart-plus"
+          class="login-add-btn"
+          @click="$emit('request-login')"
         >
-          <v-icon size="20">mdi-minus</v-icon>
+          Agregar
         </v-btn>
+      </template>
+      <template v-else>
+        <div class="quantity-controls">
+          <v-btn
+            icon
+            size="small"
+            variant="tonal"
+            color="error"
+            class="qty-btn"
+            @click="decrease(product)"
+            :disabled="product.quantity === 0"
+          >
+            <v-icon size="20">mdi-minus</v-icon>
+          </v-btn>
 
-        <v-text-field
-          v-model.number="product.quantity"
-          type="number"
-          min="0"
-          class="quantity-input mx-1"
-          variant="solo-filled"
-          density="compact"
-          hide-details
-          single-line
-          flat
-          aria-label="Cantidad"
-          :disabled="disabled"
-          @input="handleQuantityChange"
-        />
+          <v-text-field
+            v-model.number="product.quantity"
+            type="number"
+            min="0"
+            class="quantity-input mx-1"
+            variant="solo-filled"
+            density="compact"
+            hide-details
+            single-line
+            flat
+            aria-label="Cantidad"
+            @input="handleQuantityChange"
+          />
 
-        <v-btn
-          icon
-          size="small"
-          variant="tonal"
-          color="success"
-          class="qty-btn"
-          @click="handleIncrease"
-          :disabled="disabled"
-        >
-          <v-icon size="20">mdi-plus</v-icon>
-        </v-btn>
-      </div>
+          <v-btn
+            icon
+            size="small"
+            variant="tonal"
+            color="success"
+            class="qty-btn"
+            @click="handleIncrease"
+          >
+            <v-icon size="20">mdi-plus</v-icon>
+          </v-btn>
+        </div>
+      </template>
     </v-card-actions>
   </v-card>
 </template>
 
 <script>
 export default {
+  emits: ['add-to-cart', 'request-login'],
   props: {
     product: {
       type: Object,
@@ -312,6 +324,13 @@ export default {
    RESPONSIVE BREAKPOINTS
    ============================================ */
 
+/* Botón de agregar (no autenticado) */
+.login-add-btn {
+  width: 100%;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+}
+
 /* Móvil pequeño (< 375px) */
 @media (max-width: 374px) {
   .product-content {
diff --git a/src/pages/catalog.vue b/src/pages/catalog.vue
index d85a138..2b7bc6e 100644
--- a/src/pages/catalog.vue
+++ b/src/pages/catalog.vue
@@ -49,20 +49,6 @@
           </div>
         </v-sheet>
 
-        <!-- Controles de paginación superiores -->
-        <PaginationControls
-          v-if="filteredItems.length > 0"
-          :current-page="currentPage"
-          :total-pages="totalPages"
-          :items-per-page="itemsPerPage"
-          :items-per-page-options="itemsPerPageOptions"
-          :pagination-info="paginationInfo"
-          :total-visible-pages="totalVisiblePages"
-          @page-change="handlePageChange"
-          @items-per-page-change="handleItemsPerPageChange"
-          position="top"
-        />
-
         <!-- Grid de productos paginados -->
         <v-row class="product-grid" v-if="paginatedItems.length > 0">
           <v-col
@@ -82,6 +68,7 @@
               :updateQuantity="updateQuantity"
               :disabled="!isAuthenticated"
               @add-to-cart="addToCart"
+              @request-login="showLogin"
             />
           </v-col>
         </v-row>
@@ -136,7 +123,16 @@
             @update-quantity="updateCartQuantity"
             @toggle-collapse="toggleCart"
           />
-          <v-card v-else class="login-prompt-card pa-4 text-center">
+          <v-card v-else-if="!isMobile || showLoginPrompt" class="login-prompt-card pa-4 text-center">
+            <v-btn
+              icon
+              size="x-small"
+              variant="text"
+              class="login-prompt-close"
+              @click="showLoginPrompt = false"
+            >
+              <v-icon size="18">mdi-close</v-icon>
+            </v-btn>
             <v-icon size="48" color="primary" class="mb-2">mdi-cart-lock</v-icon>
             <p class="text-body-2 text-medium-emphasis mb-3">
               Inicia sesión para agregar productos al carrito y finalizar tu compra
@@ -274,7 +270,8 @@ export default {
   setup() {
     const cartStore = useCartStore();
     const authStore = useAuthStore();
-    const cartCollapsed = ref(false); // Cambiado a false para que inicie expandido en desktop
+    const cartCollapsed = ref(false);
+    const showLoginPrompt = ref(false);
     const windowWidth = ref(window.innerWidth);
 
     const isMobile = computed(() => windowWidth.value < 960); // Cambiado de 680 a 960
@@ -295,6 +292,7 @@ export default {
       cartStore,
       authStore,
       cartCollapsed,
+      showLoginPrompt,
       isMobile,
       windowWidth,
     };
@@ -553,7 +551,14 @@ export default {
     openLoginDialog() {
       this.$refs.loginDialogRef.open();
     },
+    showLogin() {
+      this.showLoginPrompt = true;
+      if (this.isMobile) {
+        this.cartCollapsed = false;
+      }
+    },
     onLoginSuccess() {
+      this.showLoginPrompt = false;
       this.api.getCurrentUser().then((user) => {
         this.authStore.setUser(user);
       });
@@ -769,6 +774,13 @@ export default {
 .login-prompt-card {
   border: 2px dashed rgba(0, 0, 0, 0.12);
   background: #fafafa !important;
+  position: relative;
+}
+
+.login-prompt-close {
+  position: absolute;
+  top: 8px;
+  right: 8px;
 }
 
 /* ============================================

From b21d3a0ca6c0494da5ebee160c630c0e42093db7 Mon Sep 17 00:00:00 2001
From: mono <mono@desarrollo-mono.localhost>
Date: Sat, 11 Jul 2026 18:59:46 -0500
Subject: [PATCH 3/7] #45 fix: cart toggle button not working on mobile

---
 src/components/catalog/Cart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/catalog/Cart.vue b/src/components/catalog/Cart.vue
index 5b1b234..7e46093 100644
--- a/src/components/catalog/Cart.vue
+++ b/src/components/catalog/Cart.vue
@@ -47,7 +47,7 @@
         icon
         size="small"
         variant="text"
-        @click="$emit('toggle-collapse')"
+        @click.stop="$emit('toggle-collapse')"
         :title="isCollapsed ? 'Expandir carrito' : 'Contraer carrito'"
       >
         <v-icon>{{ isCollapsed ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>

From 3e19b3d272323526a85d612e43db8e01ee3f815b Mon Sep 17 00:00:00 2001
From: mono <mono@desarrollo-mono.localhost>
Date: Sat, 11 Jul 2026 19:05:07 -0500
Subject: [PATCH 4/7] #45 feat: hide total price when quantity is 0

---
 src/components/catalog/Card.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/catalog/Card.vue b/src/components/catalog/Card.vue
index 3857305..f0a356a 100644
--- a/src/components/catalog/Card.vue
+++ b/src/components/catalog/Card.vue
@@ -47,7 +47,7 @@
         </div>
 
         <!-- Precio Total -->
-        <div class="price-row">
+        <div v-if="product.quantity > 0" class="price-row">
           <span class="price-label text-caption">Precio total</span>
           <v-chip
             color="success"

From beb5e153f3f799aee770c54eab8696d66586c13f Mon Sep 17 00:00:00 2001
From: mono <mono@desarrollo-mono.localhost>
Date: Sat, 11 Jul 2026 19:39:36 -0500
Subject: [PATCH 5/7] #45 feat: update login prompt message with contact info
 and icons

---
 .env.example          |  1 +
 deploy/.env.example   |  1 +
 deploy/Dockerfile     |  2 ++
 deploy/build.sh       |  1 +
 src/pages/catalog.vue | 41 ++++++++++++++++++++++++++++++++++++++++-
 5 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/.env.example b/.env.example
index 76df82e..6856307 100644
--- a/.env.example
+++ b/.env.example
@@ -1,2 +1,3 @@
 VITE_API_IMPLEMENTATION=django
 VITE_DJANGO_BASE_URL=http://localhost:7000
+VITE_CONTACT_PHONE=3023567797
diff --git a/deploy/.env.example b/deploy/.env.example
index 76df82e..7834c78 100644
--- a/deploy/.env.example
+++ b/deploy/.env.example
@@ -1,2 +1,3 @@
 VITE_API_IMPLEMENTATION=django
 VITE_DJANGO_BASE_URL=http://localhost:7000
+VITE_CONTACT_PHONE=
diff --git a/deploy/Dockerfile b/deploy/Dockerfile
index 49ab439..0f3e9b0 100644
--- a/deploy/Dockerfile
+++ b/deploy/Dockerfile
@@ -3,9 +3,11 @@ FROM node:20-alpine AS builder
 
 ARG VITE_DJANGO_BASE_URL
 ARG VITE_API_IMPLEMENTATION
+ARG VITE_CONTACT_PHONE
 
 ENV VITE_DJANGO_BASE_URL=$VITE_DJANGO_BASE_URL
 ENV VITE_API_IMPLEMENTATION=$VITE_API_IMPLEMENTATION
+ENV VITE_CONTACT_PHONE=$VITE_CONTACT_PHONE
 
 WORKDIR /app
 
diff --git a/deploy/build.sh b/deploy/build.sh
index 79d5ebf..1ba7521 100755
--- a/deploy/build.sh
+++ b/deploy/build.sh
@@ -59,6 +59,7 @@ set +a
 
 BUILD_ARGS="--build-arg VITE_DJANGO_BASE_URL=$VITE_DJANGO_BASE_URL"
 BUILD_ARGS="$BUILD_ARGS --build-arg VITE_API_IMPLEMENTATION=$VITE_API_IMPLEMENTATION"
+BUILD_ARGS="$BUILD_ARGS --build-arg VITE_CONTACT_PHONE=$VITE_CONTACT_PHONE"
 
 FULL_IMAGE_NAME="$GITEA_REGISTRY/$GITEA_USER/$IMAGE_NAME"
 
diff --git a/src/pages/catalog.vue b/src/pages/catalog.vue
index 2b7bc6e..190ec5f 100644
--- a/src/pages/catalog.vue
+++ b/src/pages/catalog.vue
@@ -135,8 +135,42 @@
             </v-btn>
             <v-icon size="48" color="primary" class="mb-2">mdi-cart-lock</v-icon>
             <p class="text-body-2 text-medium-emphasis mb-3">
-              Inicia sesión para agregar productos al carrito y finalizar tu compra
+              Para hacer pedidos debes de tener usuario y clave, si no lo tienes comunicate con nosotros al
+              <strong class="text-primary">{{ contactPhone }}</strong>
+              para solicitarlo. Esto es necesario porque no podemos procesar tus pedidos todos los días del mes.
+              Comunicate con nosotros para contarte todos los detalles y que puedas apoyar este proceso.
             </p>
+            <div class="d-flex justify-center ga-2 mb-3">
+              <v-btn
+                icon
+                size="small"
+                color="primary"
+                variant="tonal"
+                :href="'tel:' + contactPhone"
+              >
+                <v-icon size="18">mdi-phone</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="small"
+                color="success"
+                variant="tonal"
+                :href="'https://wa.me/' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="18">mdi-whatsapp</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="small"
+                color="info"
+                variant="tonal"
+                :href="'https://t.me/+57' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="18">mdi-send</v-icon>
+              </v-btn>
+            </div>
             <v-btn
               color="primary"
               variant="tonal"
@@ -337,6 +371,9 @@ export default {
     isAuthenticated() {
       return this.authStore.isAuthenticated;
     },
+    contactPhone() {
+      return import.meta.env.VITE_CONTACT_PHONE || '';
+    },
     // Búsqueda
     filteredItems() {
       if (!this.searchQuery) return this.items;
@@ -775,6 +812,8 @@ export default {
   border: 2px dashed rgba(0, 0, 0, 0.12);
   background: #fafafa !important;
   position: relative;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 
 .login-prompt-close {

From 0806731a1fa8c3c51bea1a3c010131394beb7490 Mon Sep 17 00:00:00 2001
From: mono <mono@desarrollo-mono.localhost>
Date: Sat, 11 Jul 2026 19:47:04 -0500
Subject: [PATCH 6/7] #45 feat: rename checkout to 'Finalizar Pedido' and add
 contact info in checkout modal

---
 src/components/catalog/Cart.vue |  2 +-
 src/pages/catalog.vue           | 52 +++++++++++++++++++++++++++++----
 2 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/src/components/catalog/Cart.vue b/src/components/catalog/Cart.vue
index 7e46093..3c00ae9 100644
--- a/src/components/catalog/Cart.vue
+++ b/src/components/catalog/Cart.vue
@@ -133,7 +133,7 @@
       
       <v-card-actions v-if="cartItems.length > 0" class="cart-checkout-section">
         <v-btn color="primary" block @click="$emit('checkout')">
-          Finalizar Compra
+          Finalizar Pedido
         </v-btn>
       </v-card-actions>
     </div>
diff --git a/src/pages/catalog.vue b/src/pages/catalog.vue
index 190ec5f..141028d 100644
--- a/src/pages/catalog.vue
+++ b/src/pages/catalog.vue
@@ -187,7 +187,7 @@
     <!-- Modal 1: Confirmación de productos -->
     <v-dialog v-model="checkoutDialog" max-width="600" persistent>
       <v-card>
-        <v-card-title class="headline">Confirmar Compra</v-card-title>
+        <v-card-title class="headline">Confirmar Pedido</v-card-title>
         <v-card-text>
           <v-list v-if="cartItems.length > 0" class="product-list-scroll">
             <v-list-item v-for="item in cartItems" :key="item.id">
@@ -222,7 +222,7 @@
       </v-card>
     </v-dialog>
 
-    <!-- Modal 2: Datos personales -->
+    <!-- Modal 2: Datos personales + aviso de coordinación -->
     <v-dialog v-model="personalDataDialog" max-width="500" persistent>
       <v-card>
         <v-card-title class="headline">Datos de Contacto</v-card-title>
@@ -259,6 +259,48 @@
               variant="outlined"
             ></v-select>
           </v-form>
+
+          <v-divider class="my-3"></v-divider>
+
+          <v-alert type="info" variant="tonal" class="mb-0">
+            <div class="text-body-2 mb-2">
+              Para coordinar la entrega de tu pedido escríbenos:
+            </div>
+            <div class="d-flex ga-2">
+              <v-btn
+                icon
+                size="x-small"
+                color="primary"
+                variant="tonal"
+                :href="'tel:' + contactPhone"
+              >
+                <v-icon size="16">mdi-phone</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="x-small"
+                color="success"
+                variant="tonal"
+                :href="'https://wa.me/57' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="16">mdi-whatsapp</v-icon>
+              </v-btn>
+              <v-btn
+                icon
+                size="x-small"
+                color="info"
+                variant="tonal"
+                :href="'https://t.me/+57' + contactPhone"
+                target="_blank"
+              >
+                <v-icon size="16">mdi-send</v-icon>
+              </v-btn>
+              <span class="text-body-2 font-weight-bold ml-1 d-flex align-center">
+                {{ contactPhone }}
+              </span>
+            </div>
+          </v-alert>
         </v-card-text>
         <v-card-actions>
           <v-spacer></v-spacer>
@@ -270,7 +312,7 @@
             :loading="isSubmitting"
             :disabled="isSubmitting"
           >
-            Finalizar Compra
+            Finalizar Pedido
           </v-btn>
         </v-card-actions>
       </v-card>
@@ -506,7 +548,6 @@ export default {
     },
     async onSubmitPurchase() {
       const form = this.$refs.personalForm;
-
       if (form) {
         const { valid } = await form.validate();
         if (!valid) return;
@@ -528,7 +569,6 @@ export default {
         customer_phone: this.customerPhone,
         pickup_method: this.pickupMethod,
       };
-
       this.api
         .createCatalogPurchase(payload)
         .then((data) => {
@@ -536,7 +576,7 @@ export default {
           this.personalDataDialog = false;
           this.$router.push({
             path: "/summary_purchase",
-            query: { 
+            query: {
               id: parseInt(data.id),
               type: 'catalog'
             },

From 523d0b9d08e285371ed3414a5b53d4e78d3b88c9 Mon Sep 17 00:00:00 2001
From: mono <mono@desarrollo-mono.localhost>
Date: Sat, 11 Jul 2026 19:52:34 -0500
Subject: [PATCH 7/7] #45 feat: show 'Resumen del pedido' and hide planilla
 alert for catalog orders

---
 src/components/SummaryPurchase.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SummaryPurchase.vue b/src/components/SummaryPurchase.vue
index 3b54bad..0be5252 100644
--- a/src/components/SummaryPurchase.vue
+++ b/src/components/SummaryPurchase.vue
@@ -8,7 +8,7 @@
     </v-container>
     <v-container v-show="id">
       <v-toolbar>
-        <v-toolbar-title> Resumen de la compra {{ id }}</v-toolbar-title>
+        <v-toolbar-title> {{ type === 'catalog' ? 'Resumen del pedido' : 'Resumen de la compra' }} {{ id }}</v-toolbar-title>
       </v-toolbar>
       <v-list>
         <v-list-item>
@@ -39,7 +39,7 @@
           {{ currencyFormat(calculateSubtotal(item.unit_price, item.quantity)) }}
         </template>
       </v-data-table-virtual>
-      <v-alert type="info" class="my-4">
+      <v-alert v-if="type !== 'catalog'" type="info" class="my-4">
         Recuerda adicionar a la planilla física lo siguiente
         <v-data-table
           :headers="headersTemplate"