From a4dd8f98d8d18341862e6921ad68357a71c7e600 Mon Sep 17 00:00:00 2001
From: Mono Mono <monomono@disroot.org>
Date: Sat, 8 Mar 2025 17:45:31 -0500
Subject: [PATCH]  #14 style(SummaryPurchase): add info table.

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

diff --git a/src/components/SummaryPurchase.vue b/src/components/SummaryPurchase.vue
index d64619d..a4062de 100644
--- a/src/components/SummaryPurchase.vue
+++ b/src/components/SummaryPurchase.vue
@@ -39,6 +39,24 @@
           {{ currencyFormat(calculateSubtotal(item.unit_price, item.quantity)) }}
         </template>
       </v-data-table-virtual>
+      <v-alert type="info" class="my-4">
+        Recuerda adicionar a la planilla física lo siguiente
+        <v-data-table
+          :headers="headersTemplate"
+          :items="[purchase]"
+          item-key="id"
+          hide-default-footer
+        >
+          <template v-slot:item="{ item }">
+            <tr>
+              <td>{{ item.id }}</td>
+              <td>{{ item.date }}</td>
+              <td><span v-if="item.customer">{{ item.customer.name }}</span></td>
+              <td><span v-if="item.lines">{{ currencyFormat(calculateTotal(item.lines)) }}</span></td>
+            </tr>
+          </template>
+        </v-data-table>
+      </v-alert>
       <div class="text-center">
         <v-btn :to="{ path: '/' }" color="green">Ir al inicio</v-btn>
       </div>
@@ -65,6 +83,12 @@
           { title: 'Cantidad', value: 'quantity' },
           { title: 'Subtotal', value: 'subtotal' },
         ],
+        headersTemplate: [
+          {title: 'Compra', value: 'id'},
+          {title: 'Fecha', value: 'date'},
+          {title: 'Nombre', value: 'customer.name'},
+          {title: 'Valor', value: ''},
+        ],
       };
     },
     created() {