135 lines
6.8 KiB
PHP
135 lines
6.8 KiB
PHP
<div x-data="{nequi:@entangle('nequi') , valor_recarga: @entangle('valor_recarga') }">
|
|
<div class=" absolute backdrop-blur-sm bg-white/70 left-0 bottom-0 top-0 right-0 h-full z-40" wire:loading wire:target="verPromocion,comprarPromo,editarPromo,editarPromoUpdate,comprar,pagar,create_newCategoria,add_tarifa,del_item,guardar,eliminar">
|
|
<div class="grid h-full place-items-center ">
|
|
<div class="max-w-xs">
|
|
<img src="./img/loading.gif" alt="" class="w-full text-center" >
|
|
<p class="text-gray-500 text-center">Cargando</p>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2">
|
|
<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>
|
|
<form action="/recargas" method="post" class="text-center">
|
|
@csrf
|
|
<div class="flex justify-center mb-4">
|
|
Saldo actual: <p class="font-semibold"> ${{ number_format($user->saldo->valor) }}</p>
|
|
</div>
|
|
<div class="mt-2">
|
|
Monto a recargar
|
|
</div>
|
|
<div>
|
|
<input type="tel" name="recharge" wire:model="valor_recarga" placeholder="$20.000" required
|
|
class="border-2 w-1/2 md:w-auto mb-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
|
|
@if($valor_recarga)
|
|
<div class="flex text-sm justify-center">Tu valor a pagar seria: $<p>
|
|
|
|
{{$nuevo_valor = (((($valor_recarga)*0.03) + '700' )* 0.19)+ ((($valor_recarga)*0.03) + '700' ) + $valor_recarga}}
|
|
|
|
|
|
</p>
|
|
|
|
</div>
|
|
@endif
|
|
<p class="text-sm text-green-600 py-2 ">Se sumara $700 COP+ IVA + 3% adicional al pago en Mercado Pago por costos de sistema.</p>
|
|
</div>
|
|
|
|
<div class="bg-white px-4 py-3 md:flex justify-center mt-4 mb-4">
|
|
<span>
|
|
<button type="submit"
|
|
class="inline-flex justify-center w-full rounded-md border border-transparent px-8 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>
|
|
</span>
|
|
</div>
|
|
|
|
</form>
|
|
<!--div class="w-full text-center my-4">
|
|
<p class="font-semibold">ó</p>
|
|
<p class="mx-auto">Pagar con : </p>
|
|
|
|
<a href="{{url('wompi/'.((float)$valor_recarga+(float)$monto))}}" target="_blank" >
|
|
<img class="w-80 p mx-auto " src="./img/wompi_1.png" alt="wompi">
|
|
</a>
|
|
|
|
@if($cobrar)
|
|
<p class="text-sm text-green-600 ">Se sumara $500 COP adicional al pago en Wompi por costos de sistema.</p>
|
|
@endif
|
|
|
|
|
|
</div-->
|
|
|
|
<!--div class="w-full text-center my-4">
|
|
<p class="font-semibold">ó</p>
|
|
<p class="mx-auto">Pagar con : </p>
|
|
|
|
<img x-on:click="nequi=!nequi" class="w-28 rounded-full shadow-lg mx-auto " src="./img/nequi.jpg" alt="nequi">
|
|
</div-->
|
|
|
|
</div>
|
|
|
|
<div class="overflow-y-auto">
|
|
<p class="text-center text-sm">Historial</p>
|
|
<table class="text-center bg-white rounded-lg shadow-md m-auto mt-4 mb-4 border-separate border-spacing-y-2">
|
|
<thead class="font-normal bg-[#000029] text-white h-9">
|
|
<tr class="text-left">
|
|
<th class="rounded-l-lg font-normal pl-[2rem]">Fecha</th>
|
|
<th class="font-normal pl-[2rem]">Valor</th>
|
|
<th class="rounded-r-lg font-normal pl-[2rem] pr-[2rem]">Estado</th>
|
|
</tr>
|
|
</thead>
|
|
@php
|
|
$i = 0;
|
|
@endphp
|
|
<tbody class="text-gray-500 select-none">
|
|
@foreach ($historial_recargas as $historial_recarga)
|
|
<tr class="border-gray-200 text-left w-full pl-4">
|
|
{{-- <td class="pl-[2rem]">{{date("d/m/Y", strtotime($historial_recarga->created_at))}}</td> --}}
|
|
<td class="pl-[2rem]">{{date("d/m/Y",strtotime($historial_recarga->created_at))}}</td>
|
|
<td class="pl-[2rem]">${{ number_format($historial_recarga->monto) }}</td>
|
|
<td class="pl-[2rem] pr-[2rem]">{{$historial_recarga->status}}</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{{--Modal nequi ---}}
|
|
<div x-cloak x-show="nequi"
|
|
x-transition:enter="transition duration-350"
|
|
x-transition:enter-start="opacity-0 scale-100"
|
|
x-transition:enter-end="opacity-100 scale-100"
|
|
x-transition:leave="transition duration-350"
|
|
x-transition:leave-start="opacity-100 scale-100"
|
|
x-transition:leave-end="opacity-0 scale-100" class=" backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full fixed z-20">
|
|
<div class="grid h-full place-items-center overflow-y-auto">
|
|
<div class="bg-white rounded-lg shadow-md sm:1/2 md:1/2 lg:1/3 xl:w-1/4">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|