From 008dc90fbd44c43953c1d8be8889a77f2baefb58 Mon Sep 17 00:00:00 2001
From: Felipe <felipeduarteuts@gmail.com>
Date: Sat, 10 Feb 2024 09:41:18 -0500
Subject: [PATCH] wire loading a boton pagar

---
 .../views/livewire/show-promociones.blade.php | 39 ++++++-------------
 1 file changed, 12 insertions(+), 27 deletions(-)

diff --git a/resources/views/livewire/show-promociones.blade.php b/resources/views/livewire/show-promociones.blade.php
index 1da00c3..92e3dea 100755
--- a/resources/views/livewire/show-promociones.blade.php
+++ b/resources/views/livewire/show-promociones.blade.php
@@ -521,9 +521,7 @@
                         <div
                             class="bg-white px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:justify-evenly gap-5 mt-2 mb-3">
                             <span>
-                                <button x-on:click="modalComprarPromo=true,verPromo=false" wire:loading.attr="disabled"
-                                    type="button"
-                                    class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green sm-text-sm sm-leading-5">Comprar</button>
+                                <button x-on:click="modalComprarPromo=true,verPromo=false" wire:loading.attr="disabled" type="button" class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green sm-text-sm sm-leading-5">Comprar</button>
                             </span>
                             <span>
                                 <button x-on:click="verPromo=false" type="button"
@@ -818,40 +816,27 @@
                             </p>
                         </div>
                         <div class="mb-4">
-                            <div
-                                class="border-2 flex text-gray-400 text-xs text-center justify-center gap-2 py-3 rounded-lg md:mx-3 2xl:mx-6">
-                                El valor de
-                                ${{ number_format($total = (int) $precioAhora * (int) $cantidad_comprarPromo) }} será
-                                descontado de su saldo. <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
-                                    xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"
-                                    class="w-4" x="0" y="0" viewBox="0 0 24 24"
-                                    style="enable-background:new 0 0 512 512" xml:space="preserve">
+                            <div class="border-2 flex text-gray-400 text-xs text-center justify-center gap-2 py-3 rounded-lg md:mx-3 2xl:mx-6">
+                                El valor de ${{ number_format($total = (int) $precioAhora * (int) $cantidad_comprarPromo) }} será descontado de su saldo.
+                                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" class="w-4" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve">
                                     <g>
-                                        <path
-                                            d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z"
-                                            fill="#9f9f9f" data-original="#000000"></path>
-                                        <path d="M12,5a1,1,0,0,0-1,1v8a1,1,0,0,0,2,0V6A1,1,0,0,0,12,5Z" fill="#9f9f9f"
-                                            data-original="#000000"></path>
-                                        <rect x="11" y="17" width="2" height="2"
-                                            rx="1" fill="#9f9f9f" data-original="#000000"></rect>
+                                        <path d="M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z" fill="#9f9f9f" data-original="#000000"></path>
+                                        <path d="M12,5a1,1,0,0,0-1,1v8a1,1,0,0,0,2,0V6A1,1,0,0,0,12,5Z" fill="#9f9f9f" data-original="#000000"></path>
+                                        <rect x="11" y="17" width="2" height="2" rx="1" fill="#9f9f9f" data-original="#000000"></rect>
                                     </g>
                                 </svg>
                             </div>
                             @if ($total > auth()->user()->saldo->valor)
-                                <div
-                                    class=" flex text-red-400 text-xs text-center justify-center gap-2 py-2 rounded-lg md:mx-2 2xl:mx-6">
-                                    <p class=""> No tiene fondo suficientes para esta compra, recargue su cuenta.
-                                    </p> <a href="{{ route('recarga') }}"><button
-                                            class="bg-green-600 text-white rounded px-2 py-1">Recargar</button></a>
+                                <div class=" flex text-red-400 text-xs text-center justify-center gap-2 py-2 rounded-lg md:mx-2 2xl:mx-6">
+                                    <p class=""> No tiene fondo suficientes para esta compra, recargue su cuenta.</p>
+                                    <a href="{{ route('recarga') }}"><button class="bg-green-600 text-white rounded px-2 py-1">Recargar</button></a>
                                 </div>
                             @endif
                         </div>
 
-                        <div
-                            class="bg-white px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:justify-evenly gap-5 mt-4">
+                        <div class="bg-white px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse sm:justify-evenly gap-5 mt-4">
                             <span>
-                                <button wire:click="pagar" type="button"
-                                    @if ($total <= auth()->user()->saldo->valor) class="  inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green sm-text-sm sm-leading-5" @else disabled  class="cursor-no-drop inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-gray-200 hover:bg-gray-200 focus:shadow-outline-green sm-text-sm sm-leading-5" @endif>Comprar</button>
+                                <button wire:click="pagar" wire:loading.attr="disabled" type="button" @if ($total <= auth()->user()->saldo->valor) class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green sm-text-sm sm-leading-5" @else disabled  class="cursor-no-drop inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-gray-200 hover:bg-gray-200 focus:shadow-outline-green sm-text-sm sm-leading-5" @endif>Comprar</button>
                             </span>
                             <span>
                                 <button x-on:click="modalComprarPromo=false" type="button"