fix modal clientes

This commit is contained in:
Felipe
2024-04-29 10:06:57 -05:00
parent a78176dfdb
commit 581f0e2d7d
3 changed files with 46 additions and 53 deletions
+4 -10
View File
@@ -50,10 +50,11 @@ class ShowClientes extends Component
$this->fechaActual = date('d/m/Y');
$fechaVencimiento = Carbon::now()->subDay(30);
$consulta_clientes = Historiale::where('vendedor_id', Auth()->user()->id)->whereDate('fecha_final', '>', $fechaVencimiento);
// $consulta_clientes = Historiale::whereDate('fecha_final', '>', $fechaVencimiento);
$consulta_clientes = Historiale::
where('vendedor_id', Auth()->user()->id)->
whereDate('fecha_final', '>', $fechaVencimiento);
$this->configuracion = User::where('id', Auth::user()->id)->whereDate('updated_at', '!=', $fechaHoy)->first();
$this->configuracion = User::where('id', Auth::user()->id)->whereDate('updated_at', '!=', Carbon::now())->first();
if ($this->configuracion) {
$this->vencidosHoy = true;
@@ -72,20 +73,13 @@ class ShowClientes extends Component
}
if ($this->venceHoy) {
//$fecha5 = Carbon::parse($fechaHoy)->subDay(5);
$consulta_clientes = $consulta_clientes->whereDate('fecha_final', $fechaHoy);
//->whereDate('fecha_final', '>=', $fecha5);
}
$consulta_clientes = $consulta_clientes->with('tarifa', 'promocion', 'cliente')
->orderBy('id', 'DESC')
->paginate($this->entradas);
// dd($consulta_clientes);
return view('livewire.show-clientes', [
'clientes' => $consulta_clientes
]);
@@ -10,10 +10,11 @@
</div>
{{-- Buscador --}}
<div class="bg-[#f5f5f5] m-auto p-2 md:p-5 w-auto x-auto grid grid-cols-1 lg:grid-cols-1text-center rounded-xl py-4 px-2 ms:px-8 xl:mx-10 mb-8 ">
<div
class="bg-[#f5f5f5] m-auto p-2 md:p-5 w-auto x-auto grid grid-cols-1 lg:grid-cols-1text-center rounded-xl py-4 px-2 ms:px-8 xl:mx-10 mb-8 ">
<div class="md:flex justify-center my-2 items-center text-center ">
<div class="flex text-sm">
<x-icon-arrow-right/>
<x-icon-arrow-right />
Clientes
</div>
<div class="flex relative text-sm mx-auto w-64 md:w-auto my-2">
@@ -77,8 +78,12 @@
@endforeach
@endif
<div class="flex justify-end">
<div class="flex justify-center w-8 gap-2 items-center bg-[#B221FD] text-white fill-white px-2 py-1 rounded-md cursor-pointer">
<svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z"/></svg>
<div
class="flex justify-center w-8 gap-2 items-center bg-[#B221FD] text-white fill-white px-2 py-1 rounded-md cursor-pointer">
<svg class="w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
<path
d="M440-440H240q-17 0-28.5-11.5T200-480q0-17 11.5-28.5T240-520h200v-200q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v200h200q17 0 28.5 11.5T760-480q0 17-11.5 28.5T720-440H520v200q0 17-11.5 28.5T480-200q-17 0-28.5-11.5T440-240v-200Z" />
</svg>
</div>
</div>
<div x-cloak x-show="extraInfo" class="mt-2 mx-2 p-2 bg-gray-200 rounded-md shadow-md"
@@ -675,8 +680,7 @@
</div>
<div class="mb-4">
<label for="ver_email"
class="block text-gray-700 text-sm font-bold mb-2">Credenciales:</label>
<label for="ver_email" class="block text-gray-700 text-sm font-bold mb-2">Credenciales:</label>
<p class="text-sm">
@foreach ($consulta_historial->cuentas->unique() as $cuenta)
<div class="py-2">
@@ -684,32 +688,19 @@
</div>
@foreach ($cuenta->perfil as $perfil)
@if ($consulta_historial->id == $perfil->historial_id)
- Perfil <span
class="font-semibold text-gray-600">{{ $perfil->perfil }}</span>
- Perfil <span class="font-semibold text-gray-600">{{ $perfil->perfil }}</span>
@endif
@endforeach
<div class="text-sm"><span class="font-semibold">Email:
</span>{{ $cuenta->correo }}</div>
<div class="text-sm"><span class="font-semibold">Pass:</span>
{{ $cuenta->password }}</div>
<div class="text-sm"><span class="font-semibold">Email: </span>{{ $cuenta->correo }}</div>
<div class="text-sm"><span class="font-semibold">Pass:</span> {{ $cuenta->password }}</div>
</div>
@endforeach
</p>
</div>
@endif
</div>
</div>
{{-- <div class="mb-4">
<label for="ver_paquete" class="block text-gray-700 text-sm font-bold mb-2">Credenciales:</label>
<input type="text" readonly id="ver_paquete" wire:model="ver_paquete"
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">
</div> --}}
<div class="mb-4">
<label for="ver_email" class="block text-gray-700 text-sm font-bold mb-2">Nombre:</label>
<p class="text-sm">
@@ -717,7 +708,6 @@
</p>
</div>
<div class="mb-4">
<label for="ver_email" class="block text-gray-700 text-sm font-bold mb-2">E-mail:</label>
<p class="text-sm">
@@ -739,12 +729,9 @@
</p>
</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">
<span>
<button x-on:click="verCliente=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] ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
<button x-on:click="verCliente=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] ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
</span>
</div>
</div>
@@ -754,7 +741,6 @@
</div>
</div>
{{-- Modal ver vencidos --}}
<div x-cloak x-show="vencidosHoy" x-transition:enter="transition duration-350"
x-transition:enter-start="opacity-0 scale-100" x-transition:enter-end="opacity-100 scale-100"
@@ -763,10 +749,9 @@
class="fixed backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full z-20 overflow-y-auto">
<div class="grid h-full place-items-center ">
@if (!empty($vencidHoy))
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 rounded-[1rem] shadow-md">
<div class="text-black text-center">Los siguientes servicios vencen mañana: </div>
<div class="text-black text-center">Los siguientes servicios vencen hoy: </div>
<table class="w-full sm-w-[20rem] text-center mt-4 border-separate border-spacing-y-2">
<thead class="font-normal bg-[#000029] text-white h-9">
<tr class="text-left">
@@ -802,18 +787,35 @@
@if (!empty($h->tarifa_id))
<td class="hidden md:inline-table w-[1rem]">
<button class="flex m-auto gap-2 items-center bg-[#B221FD] text-white px-4 py-1 rounded-lg" wire:click="enviarNotificacion({{ $h->id }})">Notificar
<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 511.996 511.996" style="enable-background:new 0 0 512 512" xml:space="preserve" class="">
<path d="m511.996 127.512v-8.079c0-30.419-24.748-55.166-55.166-55.166h-401.664c-30.419 0-55.166 24.747-55.166 55.166v8.079.059 264.995c0 30.417 24.747 55.163 55.166 55.163h401.667c30.417 0 55.163-24.746 55.163-55.163v-264.995c0-.019 0-.039 0-.059zm-456.83-33.245h401.664c13.876 0 25.166 11.289 25.166 25.166v.007l-200.896 133.93c-13.372 8.915-36.83 8.914-50.2.001l-200.9-133.932v-.007c0-13.876 11.289-25.165 25.166-25.165zm401.667 323.462h-401.667c-13.877 0-25.166-11.288-25.166-25.163v-237.072l184.259 122.838c11.704 7.803 26.719 11.703 41.74 11.703 15.017 0 30.039-3.901 41.742-11.703l184.256-122.838v237.072c-.001 13.875-11.289 25.163-25.164 25.163z" fill="#ffffff" data-original="#000000" class="">
<button
class="flex m-auto gap-2 items-center bg-[#B221FD] text-white px-4 py-1 rounded-lg"
wire:click="enviarNotificacion({{ $h->id }})">Notificar
<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 511.996 511.996"
style="enable-background:new 0 0 512 512" xml:space="preserve"
class="">
<path
d="m511.996 127.512v-8.079c0-30.419-24.748-55.166-55.166-55.166h-401.664c-30.419 0-55.166 24.747-55.166 55.166v8.079.059 264.995c0 30.417 24.747 55.163 55.166 55.163h401.667c30.417 0 55.163-24.746 55.163-55.163v-264.995c0-.019 0-.039 0-.059zm-456.83-33.245h401.664c13.876 0 25.166 11.289 25.166 25.166v.007l-200.896 133.93c-13.372 8.915-36.83 8.914-50.2.001l-200.9-133.932v-.007c0-13.876 11.289-25.165 25.166-25.165zm401.667 323.462h-401.667c-13.877 0-25.166-11.288-25.166-25.163v-237.072l184.259 122.838c11.704 7.803 26.719 11.703 41.74 11.703 15.017 0 30.039-3.901 41.742-11.703l184.256-122.838v237.072c-.001 13.875-11.289 25.163-25.164 25.163z"
fill="#ffffff" data-original="#000000" class="">
</path>
</svg>
</button>
</td>
@elseif(!empty($h->promocion_id))
<td class="hidden md:inline-table w-[1rem]">
<button class="hidden md:flex m-auto gap-2 items-center bg-[#B221FD] text-white px-4 py-1 rounded-lg" wire:click="enviarNotificacionPromo({{ $h->id }})">Notificar
<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 511.996 511.996" style="enable-background:new 0 0 512 512" xml:space="preserve" class="">
<path d="m511.996 127.512v-8.079c0-30.419-24.748-55.166-55.166-55.166h-401.664c-30.419 0-55.166 24.747-55.166 55.166v8.079.059 264.995c0 30.417 24.747 55.163 55.166 55.163h401.667c30.417 0 55.163-24.746 55.163-55.163v-264.995c0-.019 0-.039 0-.059zm-456.83-33.245h401.664c13.876 0 25.166 11.289 25.166 25.166v.007l-200.896 133.93c-13.372 8.915-36.83 8.914-50.2.001l-200.9-133.932v-.007c0-13.876 11.289-25.165 25.166-25.165zm401.667 323.462h-401.667c-13.877 0-25.166-11.288-25.166-25.163v-237.072l184.259 122.838c11.704 7.803 26.719 11.703 41.74 11.703 15.017 0 30.039-3.901 41.742-11.703l184.256-122.838v237.072c-.001 13.875-11.289 25.163-25.164 25.163z" fill="#ffffff" data-original="#000000" class="">
<button class="hidden md:flex m-auto gap-2 items-center bg-[#B221FD] text-white px-4 py-1 rounded-lg"
wire:click="enviarNotificacionPromo({{ $h->id }})">Notificar
<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 511.996 511.996"
style="enable-background:new 0 0 512 512" xml:space="preserve"
class="">
<path
d="m511.996 127.512v-8.079c0-30.419-24.748-55.166-55.166-55.166h-401.664c-30.419 0-55.166 24.747-55.166 55.166v8.079.059 264.995c0 30.417 24.747 55.163 55.166 55.163h401.667c30.417 0 55.163-24.746 55.163-55.163v-264.995c0-.019 0-.039 0-.059zm-456.83-33.245h401.664c13.876 0 25.166 11.289 25.166 25.166v.007l-200.896 133.93c-13.372 8.915-36.83 8.914-50.2.001l-200.9-133.932v-.007c0-13.876 11.289-25.165 25.166-25.165zm401.667 323.462h-401.667c-13.877 0-25.166-11.288-25.166-25.163v-237.072l184.259 122.838c11.704 7.803 26.719 11.703 41.74 11.703 15.017 0 30.039-3.901 41.742-11.703l184.256-122.838v237.072c-.001 13.875-11.289 25.163-25.164 25.163z"
fill="#ffffff" data-original="#000000" class="">
</path>
</svg>
</button>
@@ -825,14 +827,13 @@
</table>
<span class="text-center mx-auto">
<button wire:click="cerrar" type="button" class="mx-auto inline-flex justify-center w-full w-24 mx-auto rounded-md border border-transparent px-4 py-2 text-white bg-[#585858] hover:bg-[#3a3a3a] ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
<button wire:click="cerrar" type="button"
class="mx-auto inline-flex justify-center w-full w-24 mx-auto rounded-md border border-transparent px-4 py-2 text-white bg-[#585858] hover:bg-[#3a3a3a] ease-in-out sm-text-sm sm-leading-5">Cerrar</button>
</span>
</div>
@endif
</div>
</div>
</div>
@@ -332,11 +332,9 @@
@endif
</tbody>
</table>
<div><span
class="font-semibold text-gray-700">Email:</span>{{ $consulta_verUsuarios->correo ?? '' }}
<div><span class="font-semibold text-gray-700">Email:</span>{{ $consulta_verUsuarios->correo ?? '' }}
</div>
<div><span
class="font-semibold text-gray-700">Password:</span>{{ $consulta_verUsuarios->password ?? '' }}
<div><span class="font-semibold text-gray-700">Password:</span>{{ $consulta_verUsuarios->password ?? '' }}
</div>
<div class="flex justify-end">
@if ($consulta_verUsuarios)