From c52fe7a87047be918327809a3a289e8b2e603c20 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 5 Sep 2024 07:46:47 -0300
Subject: [PATCH 01/12] WIP

---
 src/pages/Ecomerce/BasketView.vue    |   2 -
 src/pages/Ecomerce/ConfirmView.vue   | 175 ++++++++++++++++++++++++++-
 src/pages/Ecomerce/TicketDetails.vue |  15 ++-
 3 files changed, 186 insertions(+), 6 deletions(-)

diff --git a/src/pages/Ecomerce/BasketView.vue b/src/pages/Ecomerce/BasketView.vue
index 3835e6ab..8561e883 100644
--- a/src/pages/Ecomerce/BasketView.vue
+++ b/src/pages/Ecomerce/BasketView.vue
@@ -128,9 +128,7 @@ onMounted(async () => {
         <TicketDetails
             :rows="rows"
             :ticket="ticket"
-            is-basket
             :show-tax="false"
-            can-delete-items
             @on-row-deleted="fetchData"
         />
     </QPage>
diff --git a/src/pages/Ecomerce/ConfirmView.vue b/src/pages/Ecomerce/ConfirmView.vue
index 3ce10ec5..51de8e78 100644
--- a/src/pages/Ecomerce/ConfirmView.vue
+++ b/src/pages/Ecomerce/ConfirmView.vue
@@ -1 +1,174 @@
-<template>Confirm view</template>
+<script setup>
+import { onBeforeMount, ref, inject, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import { useAppStore } from 'stores/app';
+import TicketDetails from 'src/pages/Ecomerce/TicketDetails.vue';
+import { storeToRefs } from 'pinia';
+import { useRoute } from 'vue-router';
+import useNotify from 'src/composables/useNotify.js';
+import { currency } from 'src/lib/filters.js';
+
+const jApi = inject('jApi');
+const { notify } = useNotify();
+const { t } = useI18n();
+const appStore = useAppStore();
+const route = useRoute();
+const { basketOrderId, isHeaderMounted } = storeToRefs(appStore);
+
+const rows = ref([]);
+const order = ref({});
+const orderId = ref(null);
+
+const getOrder = async () => {
+    try {
+        const { results } = await jApi.execQuery(
+            `CALL myOrder_getTax(#id);
+            SELECT o.id, o.sent, o.notes, o.companyFk,
+            ag.description agency, v.code method,
+            ad.nickname, ad.postalCode, ad.city, ad.street,
+            t.*, c.credit, myClient_getDebt(NULL) debt
+            FROM myOrder o
+            JOIN vn.agencyMode ag ON ag.id = o.agencyModeFk
+            LEFT JOIN myAddress ad ON ad.id = o.addressFk
+            JOIN vn.deliveryMethod v ON v.id = o.deliveryMethodFk
+            JOIN myClient c
+            JOIN (
+            SELECT
+            IFNULL(SUM(taxableBase), 0) taxableBase,
+            IFNULL(SUM(tax), 0) tax
+            FROM tmp.orderAmount
+            ) t
+            WHERE o.id = #id;
+            DROP TEMPORARY TABLE
+            tmp.orderAmount,
+            tmp.orderTax;`,
+            { id: orderId.value }
+        );
+
+        const orderData = results[1]?.data[0];
+
+        const { sent, ...restOfData } = orderData;
+        const total = orderData.taxableBase + orderData.tax || 0;
+        const exceededCredit = orderData.debt + total;
+        const creditExceededCond = exceededCredit > 0;
+
+        if (creditExceededCond) {
+            notify(t('creditExceeded'), 'warning');
+        }
+
+        const formattedData = {
+            landed: new Date(sent),
+            total,
+            debt: orderData.debt || 0,
+            ...restOfData
+        };
+        order.value = formattedData;
+
+        console.log('orderData', order.value);
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+const fetchData = async () => {
+    await getOrder();
+};
+
+onBeforeMount(() => {
+    appStore.check();
+});
+
+onMounted(async () => {
+    orderId.value = route.params.id || basketOrderId.value;
+    await fetchData();
+});
+</script>
+
+<template>
+    <Teleport v-if="isHeaderMounted" to="#actions">
+        <QBtn
+            icon="settings"
+            :label="t('configureOrder')"
+            :to="{ name: 'checkout', params: { id: orderId } }"
+            rounded
+            no-caps
+        />
+        <QBtn
+            icon="shopping_bag"
+            :label="t('catalog')"
+            :to="{ name: 'catalog' }"
+            rounded
+            no-caps
+        />
+        <QBtn
+            icon="shopping_cart_checkout"
+            :label="t('checkout')"
+            :to="{ name: 'confirm', params: { id: orderId } }"
+            rounded
+            no-caps
+        />
+    </Teleport>
+    <QPage class="vn-w-sm">
+        <TicketDetails
+            :rows="rows"
+            :ticket="order"
+            :show-tax="false"
+            :show-items="false"
+            :show-total="false"
+            can-delete-items
+            class="q-mb-md"
+        />
+        <QCard style="padding: 32px">
+            <div class="row justify-between">
+                <span>{{ t('previousBalance') }}</span>
+                <span>{{ currency(order.debt) }}</span>
+            </div>
+            <div class="row justify-between">
+                <span>{{ t('orderTotal') }}</span>
+                <span>{{ currency(order.taxableBase) }}</span>
+            </div>
+            <div class="row justify-between">
+                <span>{{ t('orderVat') }}</span>
+                <span>{{ currency(order.tax) }}</span>
+            </div>
+            <div class="row justify-between">
+                <span>{{ t('totalDebt') }}</span>
+                <span>{{ currency() }}</span>
+            </div>
+        </QCard>
+    </QPage>
+</template>
+
+<i18n lang="yaml">
+en-US:
+    previousBalance: Previous balance
+    orderTotal: Order total
+    orderVat: Order VAT
+    totalDebt: Total debt
+    creditExceeded: You have exceeded your credit, in order to prepare your order please pay your debt.
+es-ES:
+    previousBalance: Saldo anterior
+    orderTotal: Total pedido
+    orderVat: IVA pedido
+    totalDebt: Deuda total
+    creditExceeded: Has excedido tu crédito, por favor realiza el pago para que podamos preparar tu pedido.
+ca-ES:
+    previousBalance: Saldo anterior
+    orderTotal: Total comanda
+    orderVat: IVA comanda
+    totalDebt: Total deute
+    creditExceeded: Has excedit el teu crèdit, si us plau realitza el pagament perquè puguem preparar la teva comanda.
+fr-FR:
+    previousBalance: Solde précédent
+    orderTotal: Total de la commande
+    orderVat: TVA de la commande
+    totalDebt: Total de la dette
+    creditExceeded: Vous avez dépassé votre crédit, s'il vous plaît effectuer le paiement afin que nous puissions préparer votre commande.
+pt-PT:
+    previousBalance: Saldo anterior
+    orderTotal: Total pedido
+    orderVat: IVA
+    totalDebt: Total dívida
+    creditExceeded: Ultrapassastes seu crédito, por favor, faça o pagamento para que possamos preparar sua encomenda.
+</i18n>
diff --git a/src/pages/Ecomerce/TicketDetails.vue b/src/pages/Ecomerce/TicketDetails.vue
index 132ef740..375827cb 100644
--- a/src/pages/Ecomerce/TicketDetails.vue
+++ b/src/pages/Ecomerce/TicketDetails.vue
@@ -16,10 +16,18 @@ defineProps({
         type: Array,
         default: () => []
     },
+    showTotal: {
+        type: Boolean,
+        default: true
+    },
     showTax: {
         type: Boolean,
         default: true
     },
+    showItems: {
+        type: Boolean,
+        default: true
+    },
     canDeleteItems: {
         type: Boolean,
         default: false
@@ -77,7 +85,7 @@ const deleteRow = id => {
                 {{ ticket.agency }}
             </div>
         </QCardSection>
-        <QCardSection class="no-padding q-mb-md q-gutter-y-xs">
+        <QCardSection class="no-padding q-gutter-y-xs">
             <div class="text-subtitle1 text-bold">
                 {{ t('deliveryAddress') }}
             </div>
@@ -91,7 +99,8 @@ const deleteRow = id => {
             </div>
         </QCardSection>
         <QCardSection
-            class="no-padding q-mb-md text-subtitle1 text-bold column"
+            v-if="showTotal"
+            class="no-padding q-my-md text-subtitle1 text-bold column"
         >
             <span class="text-right">
                 {{ t('total') }} {{ currency(ticket.taxBase) }}
@@ -100,7 +109,7 @@ const deleteRow = id => {
                 {{ t('totalTax') }} {{ currency(ticket.total) }}
             </span>
         </QCardSection>
-        <QSeparator inset />
+        <QSeparator v-if="showItems" inset />
         <QList v-for="(row, index) in rows" :key="index">
             <QItem v-if="row">
                 <QItemSection v-if="canDeleteItems" avatar>

From 265ff5c47f8ed362adece2c9c8b75524b5307a21 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 9 Sep 2024 08:50:21 -0300
Subject: [PATCH 02/12] Confirm view

---
 src/components/ui/ChangePasswordForm.vue |   5 -
 src/i18n/ca-ES/index.js                  |   4 +-
 src/i18n/en-US/index.js                  |   4 +-
 src/i18n/es-ES/index.js                  |   4 +-
 src/i18n/fr-FR/index.js                  |   4 +-
 src/i18n/pt-PT/index.js                  |   4 +-
 src/pages/Ecomerce/ConfirmView.vue       | 320 ++++++++++++++++++++++-
 src/stores/app.js                        |   5 +
 src/stores/tpv.js                        |  92 +++----
 9 files changed, 379 insertions(+), 63 deletions(-)

diff --git a/src/components/ui/ChangePasswordForm.vue b/src/components/ui/ChangePasswordForm.vue
index 3f5afd86..aad8ab17 100644
--- a/src/components/ui/ChangePasswordForm.vue
+++ b/src/components/ui/ChangePasswordForm.vue
@@ -214,7 +214,6 @@ en-US:
     newPassword: New password
     oldPassword: Old password
     repeatPassword: Repeat password
-    modify: Modify
     requirements: Requirements
     passwordRequirements: Password requirements
     charactersLong: '{length} characters long'
@@ -229,7 +228,6 @@ es-ES:
     newPassword: Nueva contraseña
     oldPassword: Contraseña antigua
     repeatPassword: Repetir contraseña
-    modify: Modificar
     requirements: Requisitos
     passwordRequirements: Requisitos de contraseña
     charactersLong: '{length} caracteres de longitud'
@@ -244,7 +242,6 @@ ca-ES:
     newPassword: Nova contrasenya
     oldPassword: Contrasenya antiga
     repeatPassword: Repetir contrasenya
-    modify: Modificar
     requirements: Requisits
     passwordRequirements: Requisits de contrasenya
     charactersLong: '{length} caràcters de longitud'
@@ -259,7 +256,6 @@ fr-FR:
     newPassword: Nouveau mot de passe
     oldPassword: Ancien mot de passe
     repeatPassword: Répéter le mot de passe
-    modify: Modifier
     requirements: Exigences
     passwordRequirements: Mot de passe exigences
     charactersLong: '{length} caractères de longueur'
@@ -274,7 +270,6 @@ pt-PT:
     newPassword: Nova palavra-passe
     oldPassword: Palavra-passe antiga
     repeatPassword: Repetir palavra-passe
-    modify: Modificar
     requirements: Requisitos
     passwordRequirements: Requisitos de palavra-passe
     charactersLong: '{length} caracteres de comprimento'
diff --git a/src/i18n/ca-ES/index.js b/src/i18n/ca-ES/index.js
index a22bb3e5..5d4caa1e 100644
--- a/src/i18n/ca-ES/index.js
+++ b/src/i18n/ca-ES/index.js
@@ -71,5 +71,7 @@ export default {
     noData: 'Sense dades',
     confirm: 'Confirmar',
     delete: 'Esborrar',
-    reallyDelete: 'Estàs segur que vols esborrar la línia?'
+    reallyDelete: 'Estàs segur que vols esborrar la línia?',
+    emptyList: 'Llista buida',
+    modify: 'Modificar'
 };
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index ddcfe77f..3022620b 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -106,5 +106,7 @@ export default {
     dataSaved: 'Data saved',
     save: 'Save',
     cancel: 'Cancel',
-    of: 'of'
+    of: 'of',
+    emptyList: 'Empty list',
+    modify: 'Modify'
 };
diff --git a/src/i18n/es-ES/index.js b/src/i18n/es-ES/index.js
index 4e2d4f30..f1ee68b5 100644
--- a/src/i18n/es-ES/index.js
+++ b/src/i18n/es-ES/index.js
@@ -122,5 +122,7 @@ export default {
     dataSaved: 'Datos guardados',
     save: 'Guardar',
     cancel: 'Cancelar',
-    of: 'de'
+    of: 'de',
+    emptyList: 'Lista vacía',
+    modify: 'Modificar'
 };
diff --git a/src/i18n/fr-FR/index.js b/src/i18n/fr-FR/index.js
index d9a6ebb2..bcb933d2 100644
--- a/src/i18n/fr-FR/index.js
+++ b/src/i18n/fr-FR/index.js
@@ -71,5 +71,7 @@ export default {
     noData: 'Aucune donnée',
     confirm: 'Confirmer',
     delete: 'Effacer',
-    reallyDelete: 'Voulez-vous vraiment supprimer la ligne?'
+    reallyDelete: 'Voulez-vous vraiment supprimer la ligne?',
+    emptyList: 'Vider la liste',
+    modify: 'Modifier'
 };
diff --git a/src/i18n/pt-PT/index.js b/src/i18n/pt-PT/index.js
index 77abcd7d..6c1ce25c 100644
--- a/src/i18n/pt-PT/index.js
+++ b/src/i18n/pt-PT/index.js
@@ -71,5 +71,7 @@ export default {
     noData: 'Sem dados',
     confirm: 'Confirme',
     delete: 'Eliminar',
-    reallyDelete: 'Tens certeza que queres eliminar esta linha?'
+    reallyDelete: 'Tens certeza que queres eliminar esta linha?',
+    emptyList: 'Lista vazia',
+    modify: 'Modificar'
 };
diff --git a/src/pages/Ecomerce/ConfirmView.vue b/src/pages/Ecomerce/ConfirmView.vue
index 51de8e78..3865a070 100644
--- a/src/pages/Ecomerce/ConfirmView.vue
+++ b/src/pages/Ecomerce/ConfirmView.vue
@@ -1,24 +1,79 @@
 <script setup>
-import { onBeforeMount, ref, inject, onMounted } from 'vue';
+import { onBeforeMount, ref, inject, onMounted, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { useAppStore } from 'stores/app';
 import TicketDetails from 'src/pages/Ecomerce/TicketDetails.vue';
 import { storeToRefs } from 'pinia';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import useNotify from 'src/composables/useNotify.js';
 import { currency } from 'src/lib/filters.js';
+import { tpvStore } from 'stores/tpv';
+import { useQuasar } from 'quasar';
 
+const $q = useQuasar();
 const jApi = inject('jApi');
 const { notify } = useNotify();
 const { t } = useI18n();
 const appStore = useAppStore();
 const route = useRoute();
+const router = useRouter();
+const tpv = tpvStore();
 const { basketOrderId, isHeaderMounted } = storeToRefs(appStore);
 
 const rows = ref([]);
 const order = ref({});
 const orderId = ref(null);
+const transferAccounts = ref([]);
+const paymentMethod = ref(null);
+const loading = ref(false);
+const paymentOptionsMap = ref({
+    balance: {
+        value: 'BALANCE',
+        label: t('useMyBalance'),
+        caption: t('favorableBalance'),
+        disable: true,
+        size: 'sm'
+    },
+    credit: {
+        value: 'CREDIT',
+        label: t('useMyCredit'),
+        caption: t('favorableCredit'),
+        disable: true,
+        size: 'sm'
+    },
+    card: {
+        value: 'CARD',
+        label: t('creditCard'),
+        caption: t('youWillBeRedirectedToPayment'),
+        disable: true,
+        size: 'sm'
+    },
+    transfer: {
+        value: 'TRANSFER',
+        label: t('bankTransfer'),
+        caption: t('makeTransfer'),
+        disable: true,
+        size: 'sm'
+    },
+    later: {
+        value: 'LATER',
+        label: t('payLater'),
+        disable: true,
+        size: 'sm'
+    }
+});
+
+const payAmount = ref(null);
+const excessAmount = ref(null);
+const totalAmount = ref(null);
+const exceededCredit = ref(null);
+
+const paymentOptionsArray = computed(() => {
+    return Object.values(paymentOptionsMap.value).filter(
+        option => !option.disable
+    );
+});
 
 const getOrder = async () => {
     try {
@@ -50,10 +105,15 @@ const getOrder = async () => {
 
         const { sent, ...restOfData } = orderData;
         const total = orderData.taxableBase + orderData.tax || 0;
-        const exceededCredit = orderData.debt + total;
-        const creditExceededCond = exceededCredit > 0;
+        const totalDebt = orderData.debt + total;
+        exceededCredit.value = totalDebt - orderData.credit;
+        const creditExceededCond = exceededCredit.value > 0;
+        payAmount.value = 'ALL';
+        excessAmount.value = exceededCredit;
+        totalAmount.value = totalDebt;
 
         if (creditExceededCond) {
+            payAmount.value = 'EXCEEDED';
             notify(t('creditExceeded'), 'warning');
         }
 
@@ -65,7 +125,34 @@ const getOrder = async () => {
         };
         order.value = formattedData;
 
-        console.log('orderData', order.value);
+        let methods = [];
+
+        if (totalDebt <= 0) {
+            methods = ['balance'];
+            paymentMethod.value = 'BALANCE';
+        } else {
+            methods = ['card', 'transfer', 'later'];
+
+            if (!creditExceededCond) {
+                methods.push('credit');
+                paymentMethod.value = 'CREDIT';
+            } else {
+                paymentMethod.value = 'CARD';
+            }
+        }
+
+        methods.forEach(
+            method => (paymentOptionsMap.value[method].disable = false)
+        );
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+const getTransferAccounts = async () => {
+    try {
+        const data = await jApi.query(`SELECT name, iban FROM mainAccountBank`);
+        transferAccounts.value = data;
     } catch (error) {
         console.error(error);
     }
@@ -73,6 +160,44 @@ const getOrder = async () => {
 
 const fetchData = async () => {
     await getOrder();
+    await getTransferAccounts();
+};
+
+const modifyOrder = () => {
+    router.push({ name: 'basket', params: { id: orderId.value } });
+};
+
+const confirmOrder = async () => {
+    try {
+        loading.value = true;
+        await jApi.execQuery('CALL myOrder_confirm(#id)', {
+            id: orderId.value
+        });
+        appStore.unloadOrder();
+        $q.dialog({
+            message: t('orderConfirmed'),
+            persistent: true
+        }).onDismiss(() => {
+            onOrderConfirmed();
+        });
+    } finally {
+        loading.value = false;
+    }
+};
+
+const onOrderConfirmed = async () => {
+    let _payAmount;
+    if (paymentMethod.value === 'CARD') {
+        if (payAmount.value === 'EXCEEDED') {
+            _payAmount = excessAmount.value;
+        } else {
+            _payAmount = totalAmount.value;
+        }
+
+        await tpv.pay(_payAmount, order.value.companyFk);
+    } else {
+        router.push({ name: 'confirmedOrders' });
+    }
 };
 
 onBeforeMount(() => {
@@ -119,7 +244,7 @@ onMounted(async () => {
             can-delete-items
             class="q-mb-md"
         />
-        <QCard style="padding: 32px">
+        <QCard class="column q-gutter-y-xs" style="padding: 32px">
             <div class="row justify-between">
                 <span>{{ t('previousBalance') }}</span>
                 <span>{{ currency(order.debt) }}</span>
@@ -132,14 +257,121 @@ onMounted(async () => {
                 <span>{{ t('orderVat') }}</span>
                 <span>{{ currency(order.tax) }}</span>
             </div>
-            <div class="row justify-between">
+            <QSeparator inset />
+            <div class="row justify-between text-bold">
                 <span>{{ t('totalDebt') }}</span>
-                <span>{{ currency() }}</span>
+                <span>{{ currency(order.total) }}</span>
+            </div>
+            <div class="row justify-between">
+                <span>{{ t('credit') }}</span>
+                <span>{{ currency(order.credit) }}</span>
+            </div>
+            <div v-if="exceededCredit > 0" class="column">
+                <QSeparator inset />
+                <div class="row justify-between text-negative text-bold">
+                    <span>{{ t('exceededCredit') }}</span>
+                    <span>{{ currency(exceededCredit) }}</span>
+                </div>
+                <span class="text-subtitle1 text-bold q-mt-md">
+                    {{ t('amountToPay') }}
+                </span>
+                <QRadio
+                    v-model="payAmount"
+                    val="ALL"
+                    :label="`${t('totalDebt')}, ${currency(order.total)}`"
+                />
+                <QRadio
+                    v-model="payAmount"
+                    val="EXCEEDED"
+                    :label="`${t('exceededCredit')}, ${currency(exceededCredit)}`"
+                />
+            </div>
+            <span class="text-subtitle1 text-bold q-mt-md">
+                {{ t('paymentMethod') }}
+            </span>
+            <QOptionGroup
+                v-model="paymentMethod"
+                :options="paymentOptionsArray"
+                class="radio-modifications"
+            >
+                <template #label="opt">
+                    <div
+                        class="column"
+                        :class="{ 'q-mb-md': paymentMethod === opt.value }"
+                    >
+                        <span>{{ opt.label }}</span>
+                        <span v-if="opt.caption && paymentMethod === opt.value">
+                            {{ opt.caption }}
+                        </span>
+                        <div
+                            v-if="
+                                paymentMethod === 'TRANSFER' &&
+                                opt.value === 'TRANSFER'
+                            "
+                        >
+                            <div
+                                v-if="!transferAccounts.length"
+                                class="row items-center justify-center q-pa-md bg-red"
+                            >
+                                <QIcon class="q-mr-md" name="block" size="sm" />
+                                <span>{{ t('emptyList') }}</span>
+                            </div>
+                            <QList>
+                                <QItem
+                                    v-for="(account, index) in transferAccounts"
+                                    :key="index"
+                                >
+                                    <QItemSection>
+                                        <div>{{ account.name }}</div>
+                                        <div>{{ account.iban }}</div>
+                                    </QItemSection>
+                                </QItem>
+                            </QList>
+                        </div>
+                    </div>
+                </template>
+            </QOptionGroup>
+            <div class="full-width flex justify-end q-gutter-x-sm">
+                <QBtn
+                    :label="t('modify')"
+                    rounded
+                    no-caps
+                    flat
+                    @click="modifyOrder()"
+                />
+                <QBtn
+                    :label="t('confirm')"
+                    rounded
+                    unelevated
+                    color="accent"
+                    @click="confirmOrder()"
+                />
             </div>
         </QCard>
     </QPage>
 </template>
 
+<style lang="scss">
+.radio-modifications {
+    .q-radio {
+        align-items: start;
+        width: 100% !important;
+
+        .q-radio__bg {
+            top: 0;
+        }
+
+        .q-radio__label {
+            width: 100%;
+        }
+
+        .q-radio__inner:before {
+            display: none;
+        }
+    }
+}
+</style>
+
 <i18n lang="yaml">
 en-US:
     previousBalance: Previous balance
@@ -147,28 +379,98 @@ en-US:
     orderVat: Order VAT
     totalDebt: Total debt
     creditExceeded: You have exceeded your credit, in order to prepare your order please pay your debt.
+    credit: Credit
+    paymentMethod: Payment method
+    useMyBalance: Use my balance
+    favorableBalance: You do not need to perform any payment, you have a favorable balance.
+    useMyCredit: Use my credit
+    favorableCredit: You do not need to pay now, you have a favorable credit.
+    creditCard: Credit card
+    youWillBeRedirectedToPayment: By confirming the order you will be redirected to the payment platform.
+    bankTransfer: Bank Transfer
+    makeTransfer: Make a transfer to one of the following accounts and send the receipt to your salesperson.
+    payLater: Pay later
+    orderConfirmed: Your order has been confirmed successfully
+    exceededCredit: Exceeded credit
+    amountToPay: Amount to pay
 es-ES:
     previousBalance: Saldo anterior
     orderTotal: Total pedido
     orderVat: IVA pedido
-    totalDebt: Deuda total
+    totalDebt: Total deuda
     creditExceeded: Has excedido tu crédito, por favor realiza el pago para que podamos preparar tu pedido.
+    credit: Crédito
+    paymentMethod: Método de pago
+    useMyBalance: Usar mi saldo
+    favorableBalance: No necesitas pagar nada, tienes un saldo favorable.
+    useMyCredit: Usar mi crédito
+    favorableCredit: No necesitas pagar nada, tienes crédito favorable.
+    creditCard: Tarjeta de crédito
+    youWillBeRedirectedToPayment: Al confirmar el pedido serás redirigido a la plataforma de pago.
+    bankTransfer: Transferencia bancaria
+    makeTransfer: Haz una transferecia a una de las siguientes cuentas y envía el justificante a tu comercial.
+    payLater: Pagar más tarde
+    orderConfirmed: Tu pedido ha sido realizado con éxito
+    exceededCredit: Crédito excedido
+    amountToPay: Valor a pagar
 ca-ES:
     previousBalance: Saldo anterior
     orderTotal: Total comanda
     orderVat: IVA comanda
     totalDebt: Total deute
     creditExceeded: Has excedit el teu crèdit, si us plau realitza el pagament perquè puguem preparar la teva comanda.
+    credit: Crèdit
+    paymentMethod: Mètode de pagament
+    useMyBalance: Utilitzar el meu saldo
+    favorableBalance: No necessites pagar res, tens un saldo favorable.
+    useMyCredit: Utilitzar el meu crèdit
+    favorableCredit: No necessites pagar res, tens crèdit favorable.
+    creditCard: Targeta de crèdit
+    youWillBeRedirectedToPayment: En confirmar la comanda seràs redirigit a la plataforma de pagament.
+    bankTransfer: Transferència bancària
+    makeTransfer: Fer una transferecia a una de les següents comptes i envia el justificant al teu comercial.
+    payLater: Pagar més tard
+    orderConfirmed: La teva comanda ha estat realitzat amb èxit
+    exceededCredit: Crèdit excedit
+    amountToPay: Quantitat a pagar
 fr-FR:
     previousBalance: Solde précédent
     orderTotal: Total de la commande
     orderVat: TVA de la commande
     totalDebt: Total de la dette
     creditExceeded: Vous avez dépassé votre crédit, s'il vous plaît effectuer le paiement afin que nous puissions préparer votre commande.
+    credit: Crédit
+    paymentMethod: Mode de paiement
+    useMyBalance: Utiliser mon équilibre
+    favorableBalance: Pas besoin de payer quoi que ce soit, vous avez un solde favorable.
+    useMyCredit: Utiliser mon crédit
+    favorableCredit: Pas besoin de payer quoi que ce soit, vous favorable crédit.
+    creditCard: Carte de crédit
+    youWillBeRedirectedToPayment: En confirmant la commande, vous serez redirigé vers la plateforme de paiement.
+    bankTransfer: Virement bancaire
+    makeTransfer: Faire Transféré à l'un des comptes suivants et envoyer le coupon à votre entreprise.
+    payLater: Payer plus tard
+    orderConfirmed: Votre commande a été complété avec succès
+    exceededCredit: Crédit dépassée
+    amountToPay: Montant à payer
 pt-PT:
     previousBalance: Saldo anterior
     orderTotal: Total pedido
     orderVat: IVA
     totalDebt: Total dívida
     creditExceeded: Ultrapassastes seu crédito, por favor, faça o pagamento para que possamos preparar sua encomenda.
+    credit: Crédito
+    paymentMethod: Método de pagamento
+    useMyBalance: Usar meu saldo
+    favorableBalance: Não há necessidade de pagar, tens um crédito a seu favor.
+    useMyCredit: Usar meu crédito
+    favorableCredit: Não há necessidade de pagar, tens um crédito à favor.
+    creditCard: Cartão de crédito
+    youWillBeRedirectedToPayment: Ao confirmar a encomenda, serás re-direcionado à plataforma de pagamento.
+    bankTransfer: Transferência bancária
+    makeTransfer: Faça a transferencia para uma das seguintes contas e envie o comprovativo para seu comercial.
+    payLater: Pagar mais tarde
+    orderConfirmed: Seu pedido foi realizado com êxito
+    exceededCredit: Crédito excedido
+    amountToPay: Valor a pagar
 </i18n>
diff --git a/src/stores/app.js b/src/stores/app.js
index f208dfa3..2a3d90fe 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -134,6 +134,11 @@ export const useAppStore = defineStore('hedera', {
                 localStorage.setItem('hederaBasket', orderId);
                 notify('orderLoadedIntoBasket', 'positive');
             }
+        },
+
+        unloadOrder() {
+            localStorage.removeItem('hederaBasket');
+            this.basketOrderId = null;
         }
     },
     getters: {
diff --git a/src/stores/tpv.js b/src/stores/tpv.js
index b5ae151d..7fb92c50 100644
--- a/src/stores/tpv.js
+++ b/src/stores/tpv.js
@@ -1,46 +1,50 @@
-import { defineStore } from 'pinia'
-import { jApi } from 'boot/axios'
+import { defineStore } from 'pinia';
+import { jApi } from 'boot/axios';
 
 export const tpvStore = defineStore('tpv', {
     actions: {
-        async check (route) {
-            const order = route.query.tpvOrder
-            const status = route.query.tpvStatus
-            if (!(order && status)) return null
+        async check(route) {
+            const order = route.query.tpvOrder;
+            const status = route.query.tpvStatus;
+            if (!(order && status)) return null;
 
             await jApi.execQuery('CALL myTpvTransaction_end(#order, #status)', {
                 order,
                 status
-            })
+            });
 
             if (status === 'ko') {
-                const retry = confirm('retryPayQuestion')
+                const retry = confirm('retryPayQuestion');
                 if (retry) {
-                    this.retryPay(order)
+                    this.retryPay(order);
                 }
             }
 
-            return status
+            return status;
         },
 
-        async pay (amount, company) {
-            await this.realPay(amount * 100, company)
+        async pay(amount, company) {
+            console.log('pay amount', amount);
+            console.log('pay company', company);
+            await this.realPay(amount * 100, company);
         },
 
-        async retryPay (order) {
+        async retryPay(order) {
             const payment = await jApi.getObject(
                 `SELECT t.amount, m.companyFk
           FROM myTpvTransaction t
             JOIN tpvMerchant m ON m.id = t.merchantFk
           WHERE t.id = #order`,
                 { order }
-            )
-            await this.realPay(payment.amount, payment.companyFk)
+            );
+            await this.realPay(payment.amount, payment.companyFk);
         },
 
-        async realPay (amount, company) {
+        async realPay(amount, company) {
+            console.log('realPay amount', amount);
+            console.log('realPay company', company);
             if (!isNumeric(amount) || amount <= 0) {
-                throw new Error('payAmountError')
+                throw new Error('payAmountError');
             }
 
             const json = await jApi.send('tpv/transaction', {
@@ -48,46 +52,46 @@ export const tpvStore = defineStore('tpv', {
                 urlOk: this.makeUrl('ok'),
                 urlKo: this.makeUrl('ko'),
                 company
-            })
+            });
 
-            const postValues = json.postValues
+            const postValues = json.postValues;
 
-            const form = document.createElement('form')
-            form.method = 'POST'
-            form.action = json.url
-            document.body.appendChild(form)
+            const form = document.createElement('form');
+            form.method = 'POST';
+            form.action = json.url;
+            document.body.appendChild(form);
 
             for (const field in postValues) {
-                const input = document.createElement('input')
-                input.type = 'hidden'
-                input.name = field
-                form.appendChild(input)
+                const input = document.createElement('input');
+                input.type = 'hidden';
+                input.name = field;
+                form.appendChild(input);
 
                 if (postValues[field]) {
-                    input.value = postValues[field]
+                    input.value = postValues[field];
                 }
             }
 
-            form.submit()
+            form.submit();
         },
 
-        makeUrl (status) {
-            let path = location.protocol + '//' + location.hostname
-            path += location.port ? ':' + location.port : ''
-            path += location.pathname
-            path += location.search ? location.search : ''
-            path += '#/ecomerce/orders'
+        makeUrl(status) {
+            let path = location.protocol + '//' + location.hostname;
+            path += location.port ? ':' + location.port : '';
+            path += location.pathname;
+            path += location.search ? location.search : '';
+            path += '#/ecomerce/orders';
             path +=
-        '?' +
-        new URLSearchParams({
-            tpvStatus: status,
-            tpvOrder: '_transactionId_'
-        }).toString()
-            return path
+                '?' +
+                new URLSearchParams({
+                    tpvStatus: status,
+                    tpvOrder: '_transactionId_'
+                }).toString();
+            return path;
         }
     }
-})
+});
 
-function isNumeric (n) {
-    return !isNaN(parseFloat(n)) && isFinite(n)
+function isNumeric(n) {
+    return !isNaN(parseFloat(n)) && isFinite(n);
 }

From a9427ddab9c18e1a3adb43aa9129c2053f4f2bb2 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 10 Sep 2024 09:19:47 -0300
Subject: [PATCH 03/12] Prevent entering basket view before checks

---
 src/pages/Ecomerce/BasketView.vue | 10 ++++------
 src/stores/app.js                 |  2 +-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/pages/Ecomerce/BasketView.vue b/src/pages/Ecomerce/BasketView.vue
index 04a2ef6c..dab101a0 100644
--- a/src/pages/Ecomerce/BasketView.vue
+++ b/src/pages/Ecomerce/BasketView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, ref, inject, onMounted } from 'vue';
+import { onBeforeMount, ref, inject } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { useAppStore } from 'stores/app';
@@ -17,14 +17,12 @@ const rows = ref([]);
 const ticket = ref({});
 const orderId = ref(null);
 
-onBeforeMount(() => {
-    appStore.check();
-});
-
-onMounted(async () => {
+onBeforeMount(async () => {
+    await appStore.check();
     orderId.value = route.params.id || basketOrderId.value;
     if (orderId.value) await fetchData();
 });
+
 const getOrder = async () => {
     try {
         const [data] = await jApi.query(
diff --git a/src/stores/app.js b/src/stores/app.js
index f208dfa3..1bb65cc9 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -87,7 +87,7 @@ export const useAppStore = defineStore('hedera', {
             if (this.basketOrderId) {
                 return await this.checkRedirect(checkoutContinue);
             } else {
-                this.redirect();
+                await this.redirect();
                 return false;
             }
         },

From decf9552245be4f3d0294ca23070ea666c760a8d Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 10 Sep 2024 12:38:36 -0300
Subject: [PATCH 04/12] Unload order when checkOrder fails

---
 src/stores/app.js | 37 +++++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/stores/app.js b/src/stores/app.js
index 1bb65cc9..7996e94c 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -97,22 +97,21 @@ export const useAppStore = defineStore('hedera', {
                 await this.checkOrder(this.basketOrderId);
                 return true;
             } catch (err) {
-                if (err.exception === 'Vn.Lib.UserError') {
-                    switch (err.code) {
-                        case 'orderConfirmed':
-                        case 'orderNotOwnedByUser':
-                            await this.redirect();
-                            break;
-                        default:
-                            this.router.push({
-                                name: 'checkout',
-                                params: { id: this.basketOrderId },
-                                query: { continue: checkoutContinue }
-                            });
-                            notify(err.message, 'negative');
-                    }
-                    return false;
-                } else throw err;
+                switch (err.code) {
+                    case 'orderConfirmed':
+                    case 'orderNotOwnedByUser':
+                        this.unloadOrder();
+                        await this.redirect();
+                        break;
+                    default:
+                        this.router.push({
+                            name: 'checkout',
+                            params: { id: this.basketOrderId },
+                            query: { continue: checkoutContinue }
+                        });
+                        notify(err.message, 'negative');
+                }
+                return false;
             }
         },
 
@@ -134,6 +133,12 @@ export const useAppStore = defineStore('hedera', {
                 localStorage.setItem('hederaBasket', orderId);
                 notify('orderLoadedIntoBasket', 'positive');
             }
+        },
+
+        unloadOrder() {
+            console.log('unloadOrder');
+            localStorage.removeItem('hederaBasket');
+            this.basketOrderId = null;
         }
     },
     getters: {

From 418911b903f6649a4835e8a9c7cc600c18049abc Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 10 Sep 2024 12:40:02 -0300
Subject: [PATCH 05/12] Remove console.log

---
 src/stores/app.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/stores/app.js b/src/stores/app.js
index 7996e94c..1f2ea229 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -136,7 +136,6 @@ export const useAppStore = defineStore('hedera', {
         },
 
         unloadOrder() {
-            console.log('unloadOrder');
             localStorage.removeItem('hederaBasket');
             this.basketOrderId = null;
         }

From 65e0d752d634c3a12744b0e75a9e8192a791047e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 10 Sep 2024 16:48:05 -0300
Subject: [PATCH 06/12] remove header actions

---
 src/pages/Ecomerce/ConfirmView.vue | 25 +------------------------
 1 file changed, 1 insertion(+), 24 deletions(-)

diff --git a/src/pages/Ecomerce/ConfirmView.vue b/src/pages/Ecomerce/ConfirmView.vue
index 3865a070..7214a4a6 100644
--- a/src/pages/Ecomerce/ConfirmView.vue
+++ b/src/pages/Ecomerce/ConfirmView.vue
@@ -19,7 +19,7 @@ const appStore = useAppStore();
 const route = useRoute();
 const router = useRouter();
 const tpv = tpvStore();
-const { basketOrderId, isHeaderMounted } = storeToRefs(appStore);
+const { basketOrderId } = storeToRefs(appStore);
 
 const rows = ref([]);
 const order = ref({});
@@ -211,29 +211,6 @@ onMounted(async () => {
 </script>
 
 <template>
-    <Teleport v-if="isHeaderMounted" to="#actions">
-        <QBtn
-            icon="settings"
-            :label="t('configureOrder')"
-            :to="{ name: 'checkout', params: { id: orderId } }"
-            rounded
-            no-caps
-        />
-        <QBtn
-            icon="shopping_bag"
-            :label="t('catalog')"
-            :to="{ name: 'catalog' }"
-            rounded
-            no-caps
-        />
-        <QBtn
-            icon="shopping_cart_checkout"
-            :label="t('checkout')"
-            :to="{ name: 'confirm', params: { id: orderId } }"
-            rounded
-            no-caps
-        />
-    </Teleport>
     <QPage class="vn-w-sm">
         <TicketDetails
             :rows="rows"

From 93e739f35c144e5452da9504135e6d9b8bffa6c2 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 10 Sep 2024 17:07:29 -0300
Subject: [PATCH 07/12] Create a constant for store local storage order name

---
 src/stores/app.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/stores/app.js b/src/stores/app.js
index 1f2ea229..184fbb71 100644
--- a/src/stores/app.js
+++ b/src/stores/app.js
@@ -5,6 +5,7 @@ import { i18n } from 'src/boot/i18n';
 import { useQuasar } from 'quasar';
 
 const { notify } = useNotify();
+const storageOrderName = 'hederaBasket';
 
 export const useAppStore = defineStore('hedera', {
     state: () => ({
@@ -72,7 +73,7 @@ export const useAppStore = defineStore('hedera', {
         },
 
         getBasketOrderId() {
-            this.basketOrderId = localStorage.getItem('hederaBasket');
+            this.basketOrderId = localStorage.getItem(storageOrderName);
         },
 
         async checkOrder(orderId) {
@@ -130,13 +131,13 @@ export const useAppStore = defineStore('hedera', {
         loadIntoBasket(orderId) {
             if (this.basketOrderId !== orderId) {
                 this.basketOrderId = orderId;
-                localStorage.setItem('hederaBasket', orderId);
+                localStorage.setItem(storageOrderName, orderId);
                 notify('orderLoadedIntoBasket', 'positive');
             }
         },
 
         unloadOrder() {
-            localStorage.removeItem('hederaBasket');
+            localStorage.removeItem(storageOrderName);
             this.basketOrderId = null;
         }
     },

From e76e4e4f8c19dfd5b14821d6a22f9fe08fed6771 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 11 Sep 2024 15:12:26 -0300
Subject: [PATCH 08/12] Add prop

---
 src/pages/Ecomerce/BasketView.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/Ecomerce/BasketView.vue b/src/pages/Ecomerce/BasketView.vue
index b80e2e5a..d9206d39 100644
--- a/src/pages/Ecomerce/BasketView.vue
+++ b/src/pages/Ecomerce/BasketView.vue
@@ -125,6 +125,7 @@ const fetchData = async () => {
             :rows="rows"
             :ticket="ticket"
             :show-tax="false"
+            can-delete-items
             @on-row-deleted="fetchData"
         />
     </QPage>

From 3c71c71df15792a4283d3b80d9941668b877c07c Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 12 Sep 2024 08:14:32 -0300
Subject: [PATCH 09/12] remove console.log

---
 src/stores/tpv.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/stores/tpv.js b/src/stores/tpv.js
index 7fb92c50..53f146c2 100644
--- a/src/stores/tpv.js
+++ b/src/stores/tpv.js
@@ -24,8 +24,6 @@ export const tpvStore = defineStore('tpv', {
         },
 
         async pay(amount, company) {
-            console.log('pay amount', amount);
-            console.log('pay company', company);
             await this.realPay(amount * 100, company);
         },
 
@@ -41,8 +39,6 @@ export const tpvStore = defineStore('tpv', {
         },
 
         async realPay(amount, company) {
-            console.log('realPay amount', amount);
-            console.log('realPay company', company);
             if (!isNumeric(amount) || amount <= 0) {
                 throw new Error('payAmountError');
             }

From c4a64bff91bd3d944ca2983d0f15661b56e894de Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 12 Sep 2024 09:19:17 -0300
Subject: [PATCH 10/12] hide table aspect in invoices view

---
 src/pages/Ecomerce/InvoicesView.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/Ecomerce/InvoicesView.vue b/src/pages/Ecomerce/InvoicesView.vue
index cea29636..fb42b959 100644
--- a/src/pages/Ecomerce/InvoicesView.vue
+++ b/src/pages/Ecomerce/InvoicesView.vue
@@ -90,7 +90,11 @@ onMounted(async () => {
         <VnTable
             :columns="columns"
             :rows="invoices"
-            :hide-header="!invoices?.length"
+            hide-header
+            :hide-bottom="!!invoices.length"
+            :pagination="{ rowsPerPage: 0 }"
+            hide-pagination
+            class="invoices-table"
         >
             <template #body-cell-hasPdf="{ row }">
                 <QTd
@@ -127,6 +131,14 @@ onMounted(async () => {
     </div>
 </template>
 
+<style lang="scss">
+.invoices-table {
+    .scroll {
+        overflow: hidden !important;
+    }
+}
+</style>
+
 <i18n lang="yaml">
 en-US:
     noInvoicesFound: No invoices found

From 533c7560dcd55e42e172c1af94b7466122cb1420 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 12 Sep 2024 09:58:45 -0300
Subject: [PATCH 11/12] Confirm view adjustments

---
 src/i18n/ca-ES/index.js            |  2 +-
 src/i18n/en-US/index.js            |  2 +-
 src/i18n/es-ES/index.js            |  2 +-
 src/i18n/fr-FR/index.js            |  2 +-
 src/i18n/pt-PT/index.js            |  2 +-
 src/pages/Ecomerce/ConfirmView.vue | 13 +++++++------
 src/router/routes.js               |  2 +-
 7 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/i18n/ca-ES/index.js b/src/i18n/ca-ES/index.js
index 58bab70c..f479b45f 100644
--- a/src/i18n/ca-ES/index.js
+++ b/src/i18n/ca-ES/index.js
@@ -65,7 +65,7 @@ export default {
     Shelves: 'Prestatgeries',
     Account: 'Compte',
     Addresses: 'Adreces',
-    Confirm: 'Confirmar',
+    OrderSummary: 'Resum de la comanda',
     Checkout: `Configurar l'encarrec`,
     'Address details': 'Configuració',
     'Admin news details': `Afegir o editar notícia`,
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index fec4659c..f6c2c29c 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -77,7 +77,7 @@ export default {
     Shelves: 'Shelves',
     Account: 'Account',
     Addresses: 'Addresses',
-    Confirm: 'Confirm',
+    OrderSummary: 'Order summary',
     Checkout: 'Configure order',
     'Address details': 'Configuration',
     'Admin news details': 'Add or edit new',
diff --git a/src/i18n/es-ES/index.js b/src/i18n/es-ES/index.js
index 03879535..0f4388f3 100644
--- a/src/i18n/es-ES/index.js
+++ b/src/i18n/es-ES/index.js
@@ -83,7 +83,7 @@ export default {
     Shelves: 'Estanterías',
     Account: 'Cuenta',
     Addresses: 'Direcciones',
-    Confirm: 'Confirmar',
+    OrderSummary: 'Resumen del pedido',
     Checkout: 'Configurar pedido',
     'Address details': 'Configuración',
     'Admin news details': 'Añadir o editar noticia',
diff --git a/src/i18n/fr-FR/index.js b/src/i18n/fr-FR/index.js
index 7bb5cd13..3ed13560 100644
--- a/src/i18n/fr-FR/index.js
+++ b/src/i18n/fr-FR/index.js
@@ -65,7 +65,7 @@ export default {
     Shelves: 'Étagères',
     Account: 'Compte',
     Addresses: 'Adresses',
-    Confirm: 'Confirmer',
+    OrderSummary: 'Résumé de la commande',
     Checkout: 'Configurer la commande',
     'Address details': 'Configuration',
     'Admin news details': 'Ajouter ou éditer une nouvelle',
diff --git a/src/i18n/pt-PT/index.js b/src/i18n/pt-PT/index.js
index 3bad5d4e..e5685264 100644
--- a/src/i18n/pt-PT/index.js
+++ b/src/i18n/pt-PT/index.js
@@ -64,7 +64,7 @@ export default {
     Shelves: 'Estantes',
     Account: 'Conta',
     Addresses: 'Moradas',
-    Confirm: 'Confirme',
+    OrderSummary: 'Resumo da encomenda',
     Checkout: 'Configurar encomenda',
     'Address details': 'Configuração',
     'Admin news details': 'Adicionar ou editar notícia',
diff --git a/src/pages/Ecomerce/ConfirmView.vue b/src/pages/Ecomerce/ConfirmView.vue
index 7214a4a6..750864eb 100644
--- a/src/pages/Ecomerce/ConfirmView.vue
+++ b/src/pages/Ecomerce/ConfirmView.vue
@@ -237,13 +237,13 @@ onMounted(async () => {
             <QSeparator inset />
             <div class="row justify-between text-bold">
                 <span>{{ t('totalDebt') }}</span>
-                <span>{{ currency(order.total) }}</span>
+                <span>{{ currency(totalAmount) }}</span>
             </div>
-            <div class="row justify-between">
+            <div v-if="order.credit > 0" class="row justify-between">
                 <span>{{ t('credit') }}</span>
                 <span>{{ currency(order.credit) }}</span>
             </div>
-            <div v-if="exceededCredit > 0" class="column">
+            <div v-if="exceededCredit > 0 && order.credit > 0" class="column">
                 <QSeparator inset />
                 <div class="row justify-between text-negative text-bold">
                     <span>{{ t('exceededCredit') }}</span>
@@ -255,7 +255,7 @@ onMounted(async () => {
                 <QRadio
                     v-model="payAmount"
                     val="ALL"
-                    :label="`${t('totalDebt')}, ${currency(order.total)}`"
+                    :label="`${t('totalDebt')}, ${currency(totalAmount)}`"
                 />
                 <QRadio
                     v-model="payAmount"
@@ -313,13 +313,14 @@ onMounted(async () => {
                     :label="t('modify')"
                     rounded
                     no-caps
-                    flat
+                    outline
                     @click="modifyOrder()"
                 />
                 <QBtn
                     :label="t('confirm')"
                     rounded
                     unelevated
+                    no-caps
                     color="accent"
                     @click="confirmOrder()"
                 />
@@ -389,7 +390,7 @@ es-ES:
     payLater: Pagar más tarde
     orderConfirmed: Tu pedido ha sido realizado con éxito
     exceededCredit: Crédito excedido
-    amountToPay: Valor a pagar
+    amountToPay: Cantidad a pagar
 ca-ES:
     previousBalance: Saldo anterior
     orderTotal: Total comanda
diff --git a/src/router/routes.js b/src/router/routes.js
index efa8fbab..e238a700 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -89,7 +89,7 @@ const routes = [
                 name: 'confirm',
                 path: '/ecomerce/confirm/:id?',
                 meta: {
-                    title: 'Confirm'
+                    title: 'OrderSummary'
                 },
                 component: () => import('pages/Ecomerce/ConfirmView.vue')
             },

From 2176c6e259a97edbdd2f67e47f7ec6bd2ca10c07 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 12 Sep 2024 11:47:05 -0300
Subject: [PATCH 12/12] Fix ticket print

---
 src/pages/Ecomerce/TicketView.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/Ecomerce/TicketView.vue b/src/pages/Ecomerce/TicketView.vue
index 5e26df9c..a164514a 100644
--- a/src/pages/Ecomerce/TicketView.vue
+++ b/src/pages/Ecomerce/TicketView.vue
@@ -15,6 +15,7 @@ const route = useRoute();
 const userStore = useUserStore();
 const appStore = useAppStore();
 const { isHeaderMounted } = storeToRefs(appStore);
+const { user, token } = storeToRefs(userStore);
 
 const ticket = ref({});
 const rows = ref([]);
@@ -39,8 +40,8 @@ onMounted(async () => {
 
 const onPrintClick = () => {
     const params = new URLSearchParams({
-        access_token: userStore.token,
-        recipientId: userStore.id,
+        access_token: token.value,
+        recipientId: user.value.id,
         type: 'deliveryNote'
     });
     window.open(
@@ -60,10 +61,7 @@ const onPrintClick = () => {
         />
     </Teleport>
     <QPage>
-        <TicketDetails
-            :rows="rows"
-            :ticket="ticket"
-        />
+        <TicketDetails :rows="rows" :ticket="ticket" />
     </QPage>
 </template>