Files
sirpremiumv2/resources/views/livewire/showcomprar.blade.php
T
2024-03-04 11:32:45 -05:00

97 lines
2.8 KiB
PHP
Executable File

<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">
<x-icon-arrow-right/>
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>