103 lines
3.4 KiB
PHP
103 lines
3.4 KiB
PHP
<div>
|
|
|
|
|
|
<div class="bg-[#f5f5f5] mt-5 w-[90%] m-auto p-5 rounded-[1.2rem] border-b border-gray-200 shadow-md mb-4 relative">
|
|
|
|
<div class="flex justify-start my-2 items-center mb-4">
|
|
<div class="flex text-sm">
|
|
<svg class="w-4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" x="0" y="0" viewBox="0 0 24 24"
|
|
style="enable-background:new 0 0 512 512" xml:space="preserve">
|
|
<path
|
|
d="M15.4,9.88,10.81,5.29a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42L14,11.29a1,1,0,0,1,0,1.42L9.4,17.29a1,1,0,0,0,1.41,1.42l4.59-4.59A3,3,0,0,0,15.4,9.88Z"
|
|
fill="#b221fd" data-original="#000000" />
|
|
</svg>
|
|
Saldo
|
|
</div>
|
|
</div>
|
|
@php
|
|
// SDK de Mercado Pago
|
|
require base_path('vendor/autoload.php');
|
|
// Agrega credenciales
|
|
MercadoPago\SDK::setAccessToken(config('services.mercadopago.token'));
|
|
|
|
|
|
// Crea un objeto de preferencia
|
|
$preference = new MercadoPago\Preference();
|
|
|
|
//$payment_methods = MercadoPago::get("/v1/payment_methods");
|
|
// Crea un ítem en la preferencia
|
|
$item = new MercadoPago\Item();
|
|
$item->id = $historial_id;
|
|
$item->title = 'Compra SrPremium';
|
|
$item->quantity = 1;
|
|
$item->unit_price = $monto;
|
|
$preference->back_urls = array(
|
|
|
|
"success" => url('/compras/'),
|
|
"failure" => url('/compras/error'),
|
|
"pending" => url('/compras/pendiente')
|
|
);
|
|
$preference->auto_return = "approved";
|
|
$preference->items = array($item);
|
|
$preference->save();
|
|
|
|
|
|
@endphp
|
|
|
|
<div class="grid grid-cols-1 mb-8">
|
|
<div class="bg-white w-full sm:w-[26rem] m-auto justify-center rounded-xl shadow-md">
|
|
<div class="text-center bg-[#000029] text-white text-lg font-semibold rounded-lg py-2 mb-4">
|
|
Recargar saldo
|
|
</div>
|
|
|
|
<div class="text-center mb-6">
|
|
Monto a recargar
|
|
<p class="font-semibold">
|
|
${{number_format($monto)}}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="flex justify-center">
|
|
<a href="javascript:location.reload()">
|
|
<img class="w-28 rounded-full shadow-lg" src="./img/mercadopago.jpg" alt="">
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<div class="bg-white px-4 py-3 md:flex justify-center mt-2 mb-4">
|
|
<a href="javascript:location.reload()">
|
|
<button class="inline-flex justify-center w-full rounded-md border border-transparent px-12 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Continuar</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="cho-container">
|
|
|
|
</div>
|
|
|
|
<script src="https://sdk.mercadopago.com/js/v2"></script>
|
|
|
|
<script>
|
|
const mp = new MercadoPago("{{config('services.mercadopago.key')}}", {
|
|
locale: 'es-CO'
|
|
});
|
|
|
|
mp.checkout({
|
|
preference: {
|
|
id: '{{$preference->id}}'
|
|
},
|
|
|
|
autoOpen: true, // Habilita la apertura automática del Checkout Pro
|
|
});
|
|
</script>
|
|
|
|
</div>
|
|
|
|
</div>
|