From 33adb35397606049df41a607d05ced682bd3f49e Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Fri, 18 Mar 2022 01:28:12 -0600
Subject: [PATCH] mostramos el motivo

---
 components/admin/isCancelacion.vue | 36 ++++++++++++++++++++++++++++++
 components/admin/ticket.vue        | 11 +++++----
 pages/registro/index.vue           |  2 +-
 3 files changed, 42 insertions(+), 7 deletions(-)
 create mode 100644 components/admin/isCancelacion.vue

diff --git a/components/admin/isCancelacion.vue b/components/admin/isCancelacion.vue
new file mode 100644
index 0000000..0075019
--- /dev/null
+++ b/components/admin/isCancelacion.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="block pt-5" v-if="motivo.motivo">
+    <div class="has-text-centered">
+      <b-tag type="is-danger" size="is-medium">Ticket declinado</b-tag>
+      <p>{{ motivo.motivo }}</p>
+    </div>
+  </div>
+</template>
+<script>
+import axios from 'axios'
+
+export default {
+  props: {
+    folio: { type: String, require: true },
+    token: { type: Object, require: true },
+  },
+  data() {
+    return {
+      motivo: '',
+    }
+  },
+  methods: {
+    traerMotivo() {
+      axios
+        .get(`${process.env.api}/admin/motivo?folio=${this.folio}`, this.token)
+        .then((res) => {
+          this.motivo = res.data
+        })
+        .catch((err) => {})
+    },
+  },
+  created() {
+    this.traerMotivo()
+  },
+}
+</script>
diff --git a/components/admin/ticket.vue b/components/admin/ticket.vue
index 6646c45..066da75 100644
--- a/components/admin/ticket.vue
+++ b/components/admin/ticket.vue
@@ -14,13 +14,11 @@
     <div class="column mt-6">
       <p>
         Administrador por favor revisa que todos los datos sean correctos, en
-        caso de ser así valida el ticket.
-      </p>
-      <p>
-        Recuerda que al validar el ticket también se confirma la inscripción del
-        alumno.
+        caso de ser así valida el ticket y la inscripción.
       </p>
 
+      <IsCancelacion :folio="folio" :token="token" />
+
       <DatosTicket
         :imprimirMensaje="imprimirMensaje"
         :imprimirError="imprimirError"
@@ -56,11 +54,13 @@
 import axios from 'axios'
 import DatosTicket from './datosTicket.vue'
 import ModalCancelar from './modalCancelar.vue'
+import IsCancelacion from './isCancelacion.vue'
 
 export default {
   components: {
     DatosTicket,
     ModalCancelar,
+    IsCancelacion,
   },
   props: {
     imprimirMensaje: { type: Function, require: true },
@@ -137,7 +137,6 @@ export default {
     },
     actualizarFolio() {
       this.folio = localStorage.getItem('folio')
-      console.log(this.folio)
     },
     regresar() {
       this.$router.push('/admin')
diff --git a/pages/registro/index.vue b/pages/registro/index.vue
index f3319ae..0c9b7ab 100644
--- a/pages/registro/index.vue
+++ b/pages/registro/index.vue
@@ -233,7 +233,7 @@
       </b-collapse>
     </section>
 
-    <p class="subtitle is-4 has-text-centered">
+    <p class="subtitle is-4 has-text-centered pt-5">
       ¿Desear continuar con la inscripción ?
     </p>
     <div class="has-text-centered pb-5">