{"id":2918,"date":"2020-05-05T16:54:30","date_gmt":"2020-05-05T22:54:30","guid":{"rendered":"http:\/\/bodegamovil.mx\/bodegamovil\/?page_id=2918"},"modified":"2020-09-08T22:08:14","modified_gmt":"2020-09-09T04:08:14","slug":"pago-en-linea","status":"publish","type":"page","link":"https:\/\/bodegamovil.mx\/bodegamovil\/pago-en-linea\/","title":{"rendered":""},"content":{"rendered":"\n<script>\nvar pago = {\n  token_conekta:null,\n  token_cubero:null,\n  ruta_api:'https:\/\/7cf312b7.ngrok.io\/api\/pago\/',\n  ruta_api:'https:\/\/sistemabodegamovil2.cubero.mx\/api\/pago\/',\n};\n\nfunction cone(){\n   Conekta.setPublicKey('key_YKUzts7vZW8s9kVxRstYxFQ');\n\n   var procesar = function(){\n     jQuery(\"#formulario-pago input\").prop('disabled',true);\n     jQuery(\"#formulario-pago button\").prop('disabled',true);\n     jQuery(\"#formulario-pago select\").addClass('disabled');\n     jQuery(\"#formulario-pago button\").html('Procesando pago . . .');\n   }\n\n   var liberar = function(){\n     jQuery(\"#formulario-pago input\").prop('disabled',false);\n     jQuery(\"#formulario-pago button\").prop('disabled',false);\n     jQuery(\"#formulario-pago select\").removeClass('disabled');\n     jQuery(\"#formulario-pago button\").html('Pagar');\n   }\n\n   var alerta = function(tipo,mensaje){\n     var alerta = '<div class=\"'+tipo+'\"><span class=\"closebtn\" onclick=\"this.parentElement.style.display=\\'none\\';\">&times;<\/span>'+mensaje+'<\/div>';\n     jQuery(\".formulario-respuesta\").prepend(alerta);\n   }\n\n\n   var conektaError = function(response) {\n     var formulario_pago = jQuery(\"#formulario-pago\");\n     alerta('alerta-error',response.message_to_purchaser);\n     liberar();\n   };\/\/Conekta no pudo generar el token por algun error en los datos\n\n   var conektaToken = function(token) {\n     pago.token_conekta = token;\n     preprocesarPago();\n   };\/\/Token correctamente recibido\n\n   var preprocesarPago = function(){\n     var datos = {\n       token_conekta:pago.token_conekta.id,\n       nombre:jQuery(\"#nombre\").val(),\n       cantidad:jQuery(\"#cantidad\").val(),\n       telefono:jQuery(\"#telefono\").val(),\n       correo:jQuery(\"#correo\").val(),\n     };\n\n     console.log('datos',datos);\n\n     jQuery.ajax({\n          method:\"POST\",\n          url: pago.ruta_api+\"preprocesar\",\n          data:datos,\n     }).success(function(data) {\n          if(data.success){\n            pago.token_cubero = data.token_cubero;\n            alerta('alerta-info',data.mensaje);\n            procesarPago();\n          } else {\n            liberar();\n            alerta('alerta-error',data.mensaje);\n          }\n     });\n   }\/\/Solicita token cubero para procesar el pago\n\n   var procesarPago = function(){\n     var datos = {\n       token_conekta:pago.token_conekta.id,\n       token_cubero:pago.token_cubero,\n     };\n\n     jQuery.ajax({\n          method:\"POST\",\n          url: pago.ruta_api+\"procesar\",\n          data:datos,\n     }).success(function(data) {\n          liberar();\n          if(data.success){\n            alerta('alerta-success',data.mensaje);\n          } else {\n            alerta('alerta-error',data.mensaje);\n          }\n     });\n   }\/\/Procesa el pago y obtiene respuesta\n\n   jQuery(function () {\n     jQuery(\"#formulario-pago\").submit(function(event) {\n       var formulario_pago = jQuery(this);\n       procesar();\n       Conekta.Token.create(formulario_pago, conektaToken, conektaError);\n       return false;\n     });\n     var anio = new Date().getFullYear()\n     jQuery(\"#expiracion_anio\").html('');\n     jQuery(\"#expiracion_anio\").append(new Option('A\u00f1o',''));\n     for(i=anio;i<=anio+20;i++){\n       jQuery(\"#expiracion_anio\").append(new Option(i, i));\n     }\n   });\n\n }\n\n<\/script>\n\n\n\n<form method=\"POST\" id=\"formulario-pago\" style=\"background-color: #fff;padding: 20px;\">\n  <div>\n<h6 align=\"center\">Datos para env\u00edo de comprobante de pago<\/h6>\n    <label>\n      <span><b>Correo<\/b><\/span>\n      <input type=\"text\" id=\"correo\" required=\"\">\n    <\/label>\n  <\/div>\n<div>\n    <label>\n      <span><b>Telefono<\/b><\/span>\n      <input type=\"text\" id=\"telefono\" required=\"\">\n    <\/label>\n  <\/div>\n  <div>\n    <label>\n      <span><b>Nombre<\/b><\/span>\n      <input type=\"text\" size=\"20\" data-conekta=\"card[name]\" id=\"nombre\" required=\"\">\n    <\/label>\n  <\/div>\n  <div>\n    <label>\n      <span><b>Cantidad a pagar<\/b> (maximo 20,000.00 M.X.N.)<\/span>\n      <input type=\"number\" max=\"20000\" min=\"1\" id=\"cantidad\" required=\"\">\n    <\/label>\n  <\/div>\n  <div>\n    <label>\n      <span><b>N\u00famero de tarjeta<\/b><\/span>\n      <input type=\"text\" size=\"20\" data-conekta=\"card[number]\" id=\"numero\" required=\"\">\n    <\/label>\n  <\/div>\n  <div>\n    <label>\n      <span><b>Codigo de seguridad (cvc)<\/b><\/span>\n      <input type=\"password\" size=\"4\" data-conekta=\"card[cvc]\" id=\"cvc\" required=\"\">\n    <\/label>\n  <\/div>\n  <div>\n    <label>\n      <span><b>Expiraci\u00f3n<\/b><\/span>\n      <select data-conekta=\"card[exp_month]\" id=\"expiracion_mes\" required=\"\">\n<option value=\"\">Mes<\/option>\n<option value=\"1\">Enero<\/option>\n<option value=\"2\">Febrero<\/option>\n<option value=\"3\">Marzo<\/option>\n<option value=\"4\">Abril<\/option>\n<option value=\"5\">Mayo<\/option>\n<option value=\"6\">Junio<\/option>\n<option value=\"7\">Julio<\/option>\n<option value=\"8\">Agosto<\/option>\n<option value=\"9\">Septiembre<\/option>\n<option value=\"10\">Octubre<\/option>\n<option value=\"11\">Noviembre<\/option>\n<option value=\"12\">Diciembre<\/option>\n<\/select>\n<\/label>\n  <\/div><br><br>\n  <div>\n    <label>\n      <span><b>Expiraci\u00f3n<\/b><\/span>\n<select data-conekta=\"card[exp_year]\" id=\"expiracion_anio\" required=\"\">\n<option value=\"\">A\u00f1o<\/option>\n<\/select>\n    <\/label>\n    \n  <\/div><br>\n  <button type=\"submit\" class=\"formulario-enviar\">Pagar<\/button><img decoding=\"async\" src=\"https:\/\/bodegamovil.mx\/bodegamovil\/wp-content\/uploads\/2020\/06\/securePayment.jpg\">\n<span class=\"formulario-respuesta\"><\/span>\n<\/form>\n<script type=\"text\/javascript\" src=\"https:\/\/cdn.conekta.io\/js\/latest\/conekta.js\" onload=\"cone()\"><\/script>\n<img decoding=\"async\" src=\"https:\/\/bodegamovil.mx\/bodegamovil\/wp-content\/uploads\/2020\/06\/COBROS-1.jpg\">\n\n\n\n<style>\nselect.disabled {\n    background-color: #ddd;\n}\n\nbutton.formulario-enviar b{\n    color: gray;\n}\n\nbutton.formulario-enviar[disabled],button.formulario-enviar[disabled]:hover{\n    background-color: #ddd;\n    border-color: #000;\n    color: #000;\n}\n\/* The alert message box *\/\n.alerta-error{\n  padding: 20px;\n  background-color: #f44336; \/* Red *\/\n  color: white;\n  margin-top: 15px;\n}\n\n.alerta-success{\n  padding: 20px;\n  background-color: #4CAF50; \/* Red *\/\n  color: white;\n  margin-top: 15px;\n}\n\n.alerta-info{\n  padding: 20px;\n  background-color: #2196F3; \/* Red *\/\n  color: white;\n  margin-top: 15px;\n}\n\n\/* The close button *\/\n.closebtn {\n  margin-left: 15px;\n  color: white;\n  font-weight: bold;\n  float: right;\n  font-size: 22px;\n  line-height: 20px;\n  cursor: pointer;\n  transition: 0.3s;\n}\n\n.closebtn:hover {\n  color: black;\n}\n\n#formulario-pago label span b{\ncolor:grey\n}\n\n.formulario-enviar,.formulario-enviar:hover{\nbackground-color:green;\ncolor:#fff;\n}\n<\/style>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Datos para env\u00edo de comprobante de pago Correo Telefono Nombre Cantidad a pagar (maximo 20,000.00 M.X.N.) N\u00famero de tarjeta Codigo de seguridad (cvc) Expiraci\u00f3n MesEneroFebreroMarzoAbrilMayoJunioJulioAgostoSeptiembreOctubreNoviembreDiciembre Expiraci\u00f3n A\u00f1o Pagar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template\/right-sidebar.php","meta":[],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/pages\/2918"}],"collection":[{"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/comments?post=2918"}],"version-history":[{"count":97,"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/pages\/2918\/revisions"}],"predecessor-version":[{"id":3037,"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/pages\/2918\/revisions\/3037"}],"wp:attachment":[{"href":"https:\/\/bodegamovil.mx\/bodegamovil\/wp-json\/wp\/v2\/media?parent=2918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}