From eb5df9fb2995626a8e0af0db0d55eeffd5deafc1 Mon Sep 17 00:00:00 2001
From: lizandrogd <77708265+lizandrogd@users.noreply.github.com>
Date: Sun, 5 May 2024 02:55:55 -0500
Subject: [PATCH] Update show-servicios.blade.php

---
 .../views/livewire/show-servicios.blade.php   | 45 +++++++++++--------
 1 file changed, 26 insertions(+), 19 deletions(-)

diff --git a/resources/views/livewire/show-servicios.blade.php b/resources/views/livewire/show-servicios.blade.php
index 9978b2f..38b75a9 100755
--- a/resources/views/livewire/show-servicios.blade.php
+++ b/resources/views/livewire/show-servicios.blade.php
@@ -1,4 +1,11 @@
-<div x-data="{ tarjetaPlan: @entangle('tarjetaPlan'), credenciales: @entangle('credenciales'), vista: true, servicio: @entangle('servicio'), verServ: @entangle('verServ') }" class="h-full w-full md:my-2">
+<div x-data="{
+    tarjetaPlan: @entangle('tarjetaPlan'),
+    tp: @entangle('tp'),
+    credenciales: @entangle('credenciales'),
+    vista: true,
+    servicio: @entangle('servicio'),
+    verServ: @entangle('verServ')
+}" class="h-full w-full md:my-2">
     <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="comprar">
         <div class="grid h-full place-items-center   ">
@@ -9,7 +16,7 @@
         </div>
     </div>
     <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="cargartarjetaPlan,cantidad_tarjetaPlan">
+        wire:target="cargartarjetaPlan,cantidad_tarjetaPlan,tp">
         <div class="grid h-full place-items-center   ">
             <div class="max-w-xs">
                 <img src="./img/loading.gif" alt="" class="w-full text-center">
@@ -29,13 +36,14 @@
     <div x-cloak x-show="vista" class="bg-[#f5f5f5]   md:w-[100%] m-auto p-2 md:p-5 rounded-[1.2rem]  relative  mb-4">
         <div class="flex justify-start my-2 items-center">
             <div class="flex text-sm">
-                <x-icon-arrow-right/>
+                <x-icon-arrow-right />
                 Servicios
             </div>
         </div>
 
         {{-- tabla productos --}}
-        <div class="x-auto bg-white grid grid-cols-1 lg:grid-cols-1text-center rounded-xl py-4 px-2 ms:px-8 shadow-md xl:mx-10 mb-8 ">
+        <div
+            class="x-auto bg-white grid grid-cols-1 lg:grid-cols-1text-center rounded-xl py-4 px-2 ms:px-8 shadow-md xl:mx-10 mb-8 ">
             <div class="mb-2">
                 <h2>Seleccione un servicio:</h2>
             </div>
@@ -58,9 +66,8 @@
                 </div>
                 <button class="prev p-2 md:p-3 absolute left-0 top-1/3 rounded-full bg-[#B221FD]"><svg
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                        xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" class="w-4 md:w-7" x="0"
-                        y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
-                        xml:space="preserve">
+                        xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" class="w-4 md:w-7" x="0" y="0"
+                        viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve">
                         <g>
                             <path
                                 d="M17.921,1.505a1.5,1.5,0,0,1-.44,1.06L9.809,10.237a2.5,2.5,0,0,0,0,3.536l7.662,7.662a1.5,1.5,0,0,1-2.121,2.121L7.688,15.9a5.506,5.506,0,0,1,0-7.779L15.36.444a1.5,1.5,0,0,1,2.561,1.061Z"
@@ -69,9 +76,8 @@
                     </svg></button>
                 <button class="next p-2 md:p-3 absolute right-0 top-1/3 rounded-full bg-[#B221FD]"><svg
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-                        xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" class="w-4 md:w-7" x="0"
-                        y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
-                        xml:space="preserve">
+                        xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" class="w-4 md:w-7" x="0" y="0"
+                        viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve">
                         <g>
                             <path
                                 d="M6.079,22.5a1.5,1.5,0,0,1,.44-1.06l7.672-7.672a2.5,2.5,0,0,0,0-3.536L6.529,2.565A1.5,1.5,0,0,1,8.65.444l7.662,7.661a5.506,5.506,0,0,1,0,7.779L8.64,23.556A1.5,1.5,0,0,1,6.079,22.5Z"
@@ -183,7 +189,7 @@
 
 
     {{-- Modal agregar servicios --}}
-    <div x-cloak x-show="tarjetaPlan" x-transition:enter="transition duration-350"
+    <div x-cloak x-show="tp" 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"
@@ -293,17 +299,19 @@
                                         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>
+                                    <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">
+                            <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>No tiene fondo suficientes para esta compra, recargue su cuenta.</p>
 
                                 @if (auth()->user()->rol->nombre != 'editor' && auth()->user()->rol->nombre != 'administrador')
-                                <a href="{{ route('recarga') }}"><button class="bg-green-600 text-white rounded px-2 py-1">Recargar</button></a>
+                                    <a href="{{ route('recarga') }}"><button
+                                            class="bg-green-600 text-white rounded px-2 py-1">Recargar</button></a>
                                 @endif
                             </div>
                         @endif
@@ -318,7 +326,7 @@
                             </span>
                         @endif
                         <span>
-                            <button x-on:click="tarjetaPlan=false" type="button"
+                            <button x-on:click="tp=false" type="button"
                                 class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 text-white bg-[#585858] hover:bg-[#3a3a3a] focus:shadow-outline-green sm-text-sm sm-leading-5">Cerrar</button>
                         </span>
                     </div>
@@ -554,8 +562,6 @@
 @endif
 *Usuario:* {{ trim($cuenta->correo) }}
 *Contraseña:* {{ trim($cuenta->password) }}
-
-
 @endforeach
 
                              </textarea>
@@ -571,7 +577,8 @@
 
 
                                 <h1 class="flex mt-4 gap-1">
-                                    Este servicio vencerá el <p class="font-semibold text-gray-600"> {{ Carbon\Carbon::parse($cuentas->fecha_final)->format('Y/m/d') ?? '' }}.</p>
+                                    Este servicio vencerá el <p class="font-semibold text-gray-600">
+                                        {{ Carbon\Carbon::parse($cuentas->fecha_final)->format('Y/m/d') ?? '' }}.</p>
                                 </h1>
 
                             @endif