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] #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'
             },