From f1eba184fcccb3af1949a53dfbd8794ed04d8b05 Mon Sep 17 00:00:00 2001
From: Felipe <felipeduarteuts@gmail.com>
Date: Mon, 4 Mar 2024 16:42:14 -0500
Subject: [PATCH] ocultar fixed

---
 app/Http/Livewire/ShowUsuarios.php            |  14 +-
 .../views/livewire/show-usuarios.blade.php    | 246 ++++++------------
 2 files changed, 85 insertions(+), 175 deletions(-)

diff --git a/app/Http/Livewire/ShowUsuarios.php b/app/Http/Livewire/ShowUsuarios.php
index 15b1062..7313b2f 100755
--- a/app/Http/Livewire/ShowUsuarios.php
+++ b/app/Http/Livewire/ShowUsuarios.php
@@ -62,7 +62,6 @@ class ShowUsuarios extends Component
     public $precioTarifa;
     public $tarifasGestion;
 
-    public $estadoTarifa = true;
 
     public $usuarioGestion_id;
     public $precioTarifasGestion;
@@ -73,7 +72,6 @@ class ShowUsuarios extends Component
     public $consulta_usuarioPromo;
     public $precioPromoGestion;
     public $promoGestion;
-    public $estadoPromo;
     public $buscar_promo;
 
     public $servicio_modTarifas;
@@ -86,6 +84,9 @@ class ShowUsuarios extends Component
     public $editarTarifaRol = false;
     public $informacionTarifaRol;
 
+    public $estadoTarifa = false;
+    public $estadoPromo = false;
+
     protected $rules = [
         'nombre' => 'required',
         'email' => 'required',
@@ -391,7 +392,7 @@ class ShowUsuarios extends Component
             $usuarioTarifa->utilidad = $this->utilidad;
             $usuarioTarifa->tarifa_id = $this->tarifasGestion;
             $usuarioTarifa->usuario_id = $this->usuarioGestion_id;
-            $usuarioTarifa->visible = $this->estadoTarifa ? 'activo' : 'inactivo';
+            $usuarioTarifa->visible = $this->estadoTarifa ? 'inactivo' : 'activo';
             $usuarioTarifa->save();
 
             $this->alert('success', '¡Tarifas del usuario actualizadas correctamente!', [
@@ -399,12 +400,7 @@ class ShowUsuarios extends Component
             ]);
         }
 
-        $this->consulta_usuarioTarifas = Usuario_tarifa::where('usuario_id', $this->usuarioGestion_id)
-            ->with('tarifa')
-            ->get();
-
-
-        $this->precioTarifasGestion = null;
+        $this->consulta_usuarioTarifas = Usuario_tarifa::where('usuario_id', $this->usuarioGestion_id)->with('tarifa')->get();
     }
 
     public function eliminarUsuarioTarifa($id)
diff --git a/resources/views/livewire/show-usuarios.blade.php b/resources/views/livewire/show-usuarios.blade.php
index e05bb96..06da2fd 100755
--- a/resources/views/livewire/show-usuarios.blade.php
+++ b/resources/views/livewire/show-usuarios.blade.php
@@ -20,34 +20,34 @@
     </div>
 
     <div class="bg-[#f5f5f5] md:w-full m-auto p-2 md:p-5 rounded-lg relative mb-4">
-        <div class="md:flex justify-center my-2 items-center text-center">
+        <div class="md:flex gap-4 justify-center my-2 items-center text-center">
             <div class="flex text-sm">
                 <x-icon-arrow-right/>
                 Usuario
             </div>
             <div class="flex gap-4">
-            @if (auth()->user()->rol->nombre !== 'administrador' && auth()->user()->rol->nombre !== 'editor')
-                <a x-on:click="add = !add" class="justify-center flex px-4 py-2 rounded-lg cursor-pointer text-white bg-[#B221FD] hover:bg-[#7a02b8] mb-3 md:mb-0">Añadir
-                    usuario
-                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" class="w-[0.87rem] ml-2">
-                        <path d="M480,224H288V32c0-17.673-14.327-32-32-32s-32,14.327-32,32v192H32c-17.673,0-32,14.327-32,32s14.327,32,32,32h192v192   c0,17.673,14.327,32,32,32s32-14.327,32-32V288h192c17.673,0,32-14.327,32-32S497.673,224,480,224z" fill="#ffffff" />
-                    </svg>
-                </a>
-                <a x-on:click="modTarifas = true"
-                    class="justify-center flex px-4 py-2 rounded-lg cursor-pointer text-white bg-[#B221FD] hover:bg-[#7a02b8]">Mod.
-                    tarifas promos.
-                    <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 ml-2" x="0" y="0"
-                        viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve">
-                        <polygon points="14.604 5.687 0 20.29 0 24 3.71 24 18.313 9.396 14.604 5.687" fill="#ffffff"
-                            data-original="#000000" />
-                        <path
-                            d="M23.232.768a2.624,2.624,0,0,0-3.71,0l-3.5,3.505,3.709,3.709,3.5-3.5A2.624,2.624,0,0,0,23.232.768Z"
-                            fill="#ffffff" data-original="#000000" />
-                    </svg>
-                </a>
-            @endif
-        </div>
+                @if (auth()->user()->rol->nombre !== 'administrador' && auth()->user()->rol->nombre !== 'editor')
+                    <a x-on:click="add = !add" class="justify-center flex px-4 py-2 rounded-lg cursor-pointer text-white bg-[#B221FD] hover:bg-[#7a02b8] mb-3 md:mb-0">Añadir
+                        usuario
+                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" class="w-[0.87rem] ml-2">
+                            <path d="M480,224H288V32c0-17.673-14.327-32-32-32s-32,14.327-32,32v192H32c-17.673,0-32,14.327-32,32s14.327,32,32,32h192v192   c0,17.673,14.327,32,32,32s32-14.327,32-32V288h192c17.673,0,32-14.327,32-32S497.673,224,480,224z" fill="#ffffff" />
+                        </svg>
+                    </a>
+                    <a x-on:click="modTarifas = true"
+                        class="justify-center flex px-4 py-2 rounded-lg cursor-pointer text-white bg-[#B221FD] hover:bg-[#7a02b8]">Mod.
+                        tarifas promos.
+                        <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 ml-2" x="0" y="0"
+                            viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve">
+                            <polygon points="14.604 5.687 0 20.29 0 24 3.71 24 18.313 9.396 14.604 5.687" fill="#ffffff"
+                                data-original="#000000" />
+                            <path
+                                d="M23.232.768a2.624,2.624,0,0,0-3.71,0l-3.5,3.505,3.709,3.709,3.5-3.5A2.624,2.624,0,0,0,23.232.768Z"
+                                fill="#ffffff" data-original="#000000" />
+                        </svg>
+                    </a>
+                @endif
+            </div>
 
             <div class="flex relative text-sm mx-auto w-64 md:w-auto my-2">
                 <input id="buscar" type="search" wire:model="buscar" placeholder="Buscar" class=" shadow-sm border-2 active:border-neutral-200 focus:ring-0 border-neutral-200 w-64 md:w-auto rounded-md pr-7 py-1 m-auto focus:border-neutral-300  focus:outline-none focus:shadow-outline">
@@ -59,7 +59,6 @@
             </div>
         </div>
 
-
         <x-ver-entrada />
 
         {{-- -Tabla usuarios - --}}
@@ -131,97 +130,17 @@
             </x-slot>
         </x-primary-table>
 
-        {{-- <div class="py-2">
-            <table class="text-center rounded-lg shadow-lg m-auto mt-4 mb-4 bg-white md:w-10/12">
-                <thead class="font-normal bg-[#000029] text-white h-9">
-                    <tr class="text-left">
-                        <th class="rounded-l-lg font-normal pl-[2rem]">Nombre</th>
-                        <th class="font-normal pl-[2rem]">Email</th>
-                        <th class="font-normal pl-[2rem]">Rol</th>
-                        <th class="font-normal pl-[2rem]">Ventas</th>
-                        <th class="font-normal pl-[2rem]">Saldo</th>
-                        <th class="font-normal pl-[2rem]"></th>
-                        <th class="rounded-r-lg font-normal"></th>
-                    </tr>
-                </thead>
-                <tbody class="text-gray-500 select-none">
-                    @foreach ($usuarios as $usuario)
-                        @if ($usuario->name == 'usuarioEliminado')
-                        @else
-                            <tr class="border-gray-200 text-left w-full pl-4 hover:bg-gray-200 hover:ring-gray-500"
-                                x-data="{ openOption: false }">
-                                <td class="pl-[2rem]">{{ $usuario->name ?? '' }}</td>
-
-                                <td class="pl-[2rem]">{{ $usuario->email ?? '' }}</td>
-
-                                <td class="pl-[2rem] ">{{ $usuario->rol->nombre ?? '' }}</td>
-
-                                <td class="pl-[2rem]">{{ $usuario->historiales_venta_count ?? '' }}</td>
-
-                                <td class="pl-[2rem]">{{ $usuario->saldo->valor ?? '' }}</td>
-                                <td class="pl-[2rem]"><button wire:click="saldo({{ $usuario->id }})"
-                                        class="justify-center text-sm flex px-2 py-1 rounded-lg cursor-pointer text-white bg-[#B221FD] hover:bg-[#7a02b8] mb-0 md:mb-0">Recargar</button>
-                                </td>
-
-                                <td class="md:pl-[2rem] md:pr-[2rem]">
-                                    <button x-on:click="openOption=!openOption">
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
-                                            stroke-width="1.5" stroke="currentColor" class="w-6 h-6 cursor-pointer">
-                                            <path stroke-linecap="round" stroke-linejoin="round"
-                                                d="M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
-                                        </svg>
-                                    </button>
-
-                                    <div x-cloak x-show="openOption" @click.away="openOption = false"
-                                        class="sm:absolute bg-white text-center w-[8rem] rounded-[1rem] border-b border-gray-200 shadow-lg">
-                                        <button x-on:click="openOption=false" wire:click="editar({{ $usuario->id }})"
-                                            class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 hover:rounded-t-[1rem]">Editar</button>
-                                        <button x-on:click="openOption=!openOption"
-                                            wire:click="editarPassword({{ $usuario->id }})"
-                                            class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Editar
-                                            password</button>
-                                        <button x-on:click="openOption=false" wire:click="saldo({{ $usuario->id }})"
-                                            class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Agregar
-                                            saldo</button>
-                                        <button x-on:click="openOption=false"
-                                            wire:click="saldodesc({{ $usuario->id }})"
-                                            class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Descontar
-                                            saldo</button>
-                                        <button x-on:click="openOption=false,gestion=true"
-                                            wire:click="gestionar({{ $usuario->id }},'{{ $usuario->rol_id }}','{{ $usuario->name }}')"
-                                            class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Precio
-                                            servicio</button>
-                                        <button x-on:click="openOption=false,gestionPromo=true"
-                                            wire:click="gestionarPromociones({{ $usuario->id }},'{{ $usuario->name }}')"
-                                            class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Precio
-                                            promocion</button>
-                                        <button x-on:click="openOption=false"
-                                            wire:click="eliminar({{ $usuario->id }})"
-                                            class="text-white w-full py-1 bg-red-400 rounded-b-[1rem] hover:bg-red-600 hover:rounded-b-[1rem]">Eliminar</button>
-                                    </div>
-                                </td>
-                            </tr>
-                        @endif
-                    @endforeach
-                </tbody>
-            </table>
-            {{ $usuarios->links() }}
-        </div> --}}
-
         {{-- Gestionar precios --}}
         <div x-cloak x-show="gestion" 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="absolute backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full">
+            x-transition:leave-end="opacity-0 scale-100" class="absolute backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full">
             <div class="grid h-full place-items-center ">
                 <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md">
                     <p class="text-gray-500 mb-2"> Personalización de precios para {{ $usuario_nombre }} </p>
 
                     <div class="flex mb-4">
-                        <input id="buscar_servicio" type="search" wire:model="buscar_servicio"
-                            placeholder="Buscar servicio"
-                            class="w-full md:w-auto shadow-md border-2 active:border-neutral-200 focus:ring-0 border-neutral-200 rounded-[0.8rem] px-4 py-1 m-auto focus:border-neutral-300  focus:outline-none focus:shadow-outline">
+                        <input id="buscar_servicio" type="search" wire:model="buscar_servicio" placeholder="Buscar servicio" class="w-full md:w-auto shadow-md border-2 active:border-neutral-200 focus:ring-0 border-neutral-200 rounded-[0.8rem] px-4 py-1 m-auto focus:border-neutral-300  focus:outline-none focus:shadow-outline">
                     </div>
 
                     <div>
@@ -260,6 +179,8 @@
                                     class="mx-auto p-2 rounded-full text-black">
                             </div>
                         </div>
+
+                        {{ $estadoTarifa == 1 ? 'Ocultar' : 'Mostrar' }}
                     </div>
 
                     <div class="mb-3 mt-3 flex gap-4 justify-end items-center">
@@ -306,12 +227,10 @@
                                             @endif
                                         </td>
 
-                                        @if ($usuarioTarifa->visible != 'true')
-                                            <td class="pl-[2rem] flex"><input type="checkbox" disabled readonly
-                                                    checked class="mx-auto p-2 rounded-full text-black"></td>
+                                        @if ($usuarioTarifa->visible !== 'activo')
+                                            <td class="pl-[2rem] flex"><input type="checkbox" disabled readonly checked class="mx-auto p-2 rounded-full text-black"></td>
                                         @else
-                                            <td class="pl-[2rem] flex"><input type="checkbox" disabled readonly
-                                                    class="mx-auto p-2 rounded-full text-black"></td>
+                                            <td class="pl-[2rem] flex"><input type="checkbox" disabled readonly class="mx-auto p-2 rounded-full text-black"></td>
                                         @endif
 
                                         <td class="pl-[2rem]">${{ $usuarioTarifa->precio ?? '' }}</td>
@@ -836,69 +755,64 @@
             </div>
         </div>
 
-        <div x-cloak x-show="editarTarifaRol" 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="fixed backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full z-20">
-        <div class="grid h-full  place-items-center">
-            <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md">
-                @if ($informacionTarifaRol)
-                    <div>
-                        <label class="block text-gray-700 text-sm font-bold mb-2">Pantallas:</label>
-                        <div class="grid grid-cols-3 gap-2 text-left mb-4">
-                            <div class="w-[6rem]">
-                                <label class="text-gray-500 text-sm">Rol</label>
-                                <select name="roles" id="roles" wire:model.debounce.500ms="roles_modTarifas"
-                                    class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none  focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
-                                    <option value="" selected>Roles</option>
-                                    @foreach ($roles as $rol)
-                                        <option value="{{ $rol->id }}">{{ $rol->nombre ?? '' }}</option>
-                                    @endforeach
-                                </select>
+        <div x-cloak x-show="editarTarifaRol" 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="fixed backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full z-20">
+            <div class="grid h-full  place-items-center">
+                <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md">
+                    @if ($informacionTarifaRol)
+                        <div>
+                            <label class="block text-gray-700 text-sm font-bold mb-2">Pantallas:</label>
+                            <div class="grid grid-cols-3 gap-2 text-left mb-4">
+                                <div class="w-[6rem]">
+                                    <label class="text-gray-500 text-sm">Rol</label>
+                                    <select name="roles" id="roles" wire:model.debounce.500ms="roles_modTarifas"
+                                        class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none  focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
+                                        <option value="" selected>Roles</option>
+                                        @foreach ($roles as $rol)
+                                            <option value="{{ $rol->id }}">{{ $rol->nombre ?? '' }}</option>
+                                        @endforeach
+                                    </select>
+                                </div>
+                                <div class="w-[6rem]">
+                                    <label class="text-gray-500 text-sm">Precio</label>
+                                    <input type="number" id="precio_modTarifas" wire:model="precio_modTarifas"
+                                        min="0"
+                                        class="w-full border-2 border-neutral-200 rounded-[0.8rem] focus:ring-0 shadow apperance-none focus:border-neutral-300 py-2 pl-2 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
+                                </div>
+                                <div class="w-[6rem]">
+                                    <label class="text-gray-500 text-sm">Utilidad</label>
+                                    <input type="number" id="utilidad" wire:model="utilidad" min="0"
+                                        class="w-full border-2 border-neutral-200 rounded-[0.8rem] focus:ring-0 shadow apperance-none focus:border-neutral-300 py-2 pl-2 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
+                                </div>
                             </div>
-                            <div class="w-[6rem]">
-                                <label class="text-gray-500 text-sm">Precio</label>
-                                <input type="number" id="precio_modTarifas" wire:model="precio_modTarifas"
-                                    min="0"
-                                    class="w-full border-2 border-neutral-200 rounded-[0.8rem] focus:ring-0 shadow apperance-none focus:border-neutral-300 py-2 pl-2 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
-                            </div>
-                            <div class="w-[6rem]">
-                                <label class="text-gray-500 text-sm">Utilidad</label>
-                                <input type="number" id="utilidad" wire:model="utilidad" min="0"
-                                    class="w-full border-2 border-neutral-200 rounded-[0.8rem] focus:ring-0 shadow apperance-none focus:border-neutral-300 py-2 pl-2 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
-                            </div>
-                        </div>
 
-                        <div class="mb-4 grid grid-cols-2">
-                            <div class="flex m-auto items-center">
-                                <label class="text-gray-500 text-sm mr-2">Activa</label>
-                                <input type="checkbox" id="estadoTarifa" wire:model="estadoTarifa" class="border-2 border-neutral-200 focus:ring-0 shadow apperance-none focus:border-neutral-300 text-[#B221FD] leading-tight focus:outline-none focus:shadow-outline">
-                            </div>
-                            <div class="mb-3 mt-3 flex justify-end">
-                                <span>
-                                    <button wire:click="actualizarTarifaRol('{{ $informacionTarifaRol['id'] }}')"
-                                        type="button"
-                                        class="inline-flex justify-center w-full md:w-auto rounded-md border border-transparent px-4 py-1 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">Actualizar</button>
-                                </span>
+                            <div class="mb-4 grid grid-cols-2">
+                                <div class="flex m-auto items-center">
+                                    <label class="text-gray-500 text-sm mr-2">Activa</label>
+                                    <input type="checkbox" id="estadoTarifa" wire:model="estadoTarifa" class="border-2 border-neutral-200 focus:ring-0 shadow apperance-none focus:border-neutral-300 text-[#B221FD] leading-tight focus:outline-none focus:shadow-outline">
+                                </div>
+                                <div class="mb-3 mt-3 flex justify-end">
+                                    <span>
+                                        <button wire:click="actualizarTarifaRol('{{ $informacionTarifaRol['id'] }}')"
+                                            type="button"
+                                            class="inline-flex justify-center w-full md:w-auto rounded-md border border-transparent px-4 py-1 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">Actualizar</button>
+                                    </span>
+                                </div>
                             </div>
                         </div>
+                    @endif
+
+
+
+                    <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 x-on:click="editarTarifaRol=false" wire:click="" 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 ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
+                        </span>
                     </div>
-                @endif
 
-
-
-                <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 x-on:click="editarTarifaRol=false" wire:click="" 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 ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
-                    </span>
                 </div>
-
             </div>
         </div>
     </div>
-
-    </div>
 </div>