|
|
|
@@ -1,8 +1,8 @@
|
|
|
|
|
<div x-data="{ verCliente: @entangle('verCliente'), vencidosHoy: @entangle('vencidosHoy') }" class="h-full w-full md:my-2">
|
|
|
|
|
|
|
|
|
|
<div class=" fixed backdrop-blur-sm bg-white/70 left-0 bottom-0 top-0 right-0 h-full z-40" wire:loading
|
|
|
|
|
wire:target="verCliente">
|
|
|
|
|
<div class="grid h-full place-items-center ">
|
|
|
|
|
wire:target="verCliente,enviarNotificacion,renovar">
|
|
|
|
|
<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>
|
|
|
|
@@ -11,12 +11,13 @@
|
|
|
|
|
</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">
|
|
|
|
|
<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">
|
|
|
|
|
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">
|
|
|
|
|
<g>
|
|
|
|
|
<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"
|
|
|
|
@@ -25,13 +26,13 @@
|
|
|
|
|
</svg>
|
|
|
|
|
Clientes
|
|
|
|
|
</div>
|
|
|
|
|
<div class=" flex relative text-sm mx-auto w-64 md:w-auto my-2">
|
|
|
|
|
<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-md border-2 active:border-neutral-200 focus:ring-0 border-neutral-200 w-64 md:w-auto rounded-[0.8rem] pr-7 py-1 m-auto focus:border-neutral-300 focus:outline-none focus:shadow-outline">
|
|
|
|
|
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">
|
|
|
|
|
<svg class="w-5 absolute top-2 right-3" 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 absolute"
|
|
|
|
|
x="0" y="0" viewBox="0 0 24 24"
|
|
|
|
|
style="enable-background:new 0 0 512 512;rotate: 90deg;" xml:space="preserve" class="">
|
|
|
|
|
x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512;rotate: 90deg;"
|
|
|
|
|
xml:space="preserve" class="">
|
|
|
|
|
<g>
|
|
|
|
|
<g id="Layer_31" data-name="Layer 31">
|
|
|
|
|
<path
|
|
|
|
@@ -44,7 +45,6 @@
|
|
|
|
|
<div class="text-sm mr-auto ">
|
|
|
|
|
<label for="cbox2">Vencidos Hoy</label>
|
|
|
|
|
<input type="checkbox" name="" id="cbox2" wire:model="venceHoy">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
@@ -55,41 +55,38 @@
|
|
|
|
|
<x-primary-table>
|
|
|
|
|
<x-slot name="thead">
|
|
|
|
|
<tr class="text-left">
|
|
|
|
|
<th class="rounded-l-lg font-normal w-1/8 pl-2 sm:w-1/8">Nombre</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Usuario</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Contraseña</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Servicio</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Compra</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Estado</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Restante</th>
|
|
|
|
|
<th class="font-normal w-1/8 sm:w-1/8 pl-2">Acciones</th>
|
|
|
|
|
<th class="font-normal w-1/8 pl-2 sm:w-1/8"></th>
|
|
|
|
|
<th class="rounded-r-lg w-1/8 font-normal sm:w-1/8 "></th>
|
|
|
|
|
<th class="rounded-l-lg font-normal">Nombre</th>
|
|
|
|
|
<th class="font-normal">Usuario</th>
|
|
|
|
|
<th class="font-normal">Contraseña</th>
|
|
|
|
|
<th class="font-normal">Servicio</th>
|
|
|
|
|
<th class="font-normal">Compra</th>
|
|
|
|
|
<th class="font-normal">Estado</th>
|
|
|
|
|
<th class="font-normal">Restante</th>
|
|
|
|
|
<th class="rounded-r-lg font-normal">Acciones</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</x-slot>
|
|
|
|
|
<x-slot name="tbody">
|
|
|
|
|
@foreach ($clientes as $cliente)
|
|
|
|
|
<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-2">{{ $cliente->nombre_cliente ?? $cliente->cliente->name }}</td>
|
|
|
|
|
<tr class="border-gray-200 text-left w-full" x-data="{ openOption: false, isOpen1: false, isOpen2: false }">
|
|
|
|
|
<td>{{ $cliente->nombre_cliente ?? $cliente->cliente->name }}</td>
|
|
|
|
|
|
|
|
|
|
<td class="pl-2">
|
|
|
|
|
<td>
|
|
|
|
|
@if (!empty($cliente->cuentas_obsoletas->unique()))
|
|
|
|
|
@foreach ($cliente->cuentas_obsoletas->unique() as $cuenta)
|
|
|
|
|
{{ $cuenta->correo }} <br>
|
|
|
|
|
{{ $cuenta->correo }} <br>
|
|
|
|
|
@endforeach
|
|
|
|
|
@endif
|
|
|
|
|
@if (!empty($cliente->cuentas->unique()))
|
|
|
|
|
@foreach ($cliente->cuentas->unique() as $cuenta1)
|
|
|
|
|
{{ $cuenta1->correo }} <br>
|
|
|
|
|
{{ $cuenta1->correo }} <br>
|
|
|
|
|
@endforeach
|
|
|
|
|
@endif
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="pl-2">{{ $this->consultaPassword($cliente->id) }}</td>
|
|
|
|
|
<td>{{ $this->consultaPassword($cliente->id) }}</td>
|
|
|
|
|
|
|
|
|
|
@if (!empty($cliente->tarifa_id))
|
|
|
|
|
<td class="pl-2">{{ $cliente->tarifa->servicio->nombre }}
|
|
|
|
|
<td>{{ $cliente->tarifa->servicio->nombre }}
|
|
|
|
|
|
|
|
|
|
@if ($cliente->tarifa->servicio->nombre != 'Spotify Premium' && $cliente->tarifa->servicio->nombre != 'Youtube Premium')
|
|
|
|
|
{{ $cliente->tarifa->pantallas }} Pantallas
|
|
|
|
@@ -99,20 +96,25 @@
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if (!empty($cliente->promocion_id))
|
|
|
|
|
<td class="pl-2">{{ $cliente->promocion->nombre }}</td>
|
|
|
|
|
<td>{{ $cliente->promocion->nombre }}</td>
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
<td class="pl-2">
|
|
|
|
|
<td>
|
|
|
|
|
{{ Carbon\Carbon::parse($cliente->created_at)->locale('co')->Format('d M Y, h:m a') ?? '' }}
|
|
|
|
|
</td>
|
|
|
|
|
<td class="pl-2">{{ $cliente->estado ?? '' }}</td>
|
|
|
|
|
<td>
|
|
|
|
|
<p
|
|
|
|
|
class="rounded-md font-medium text-center @if ($cliente->estado == 'activo') bg-green-500 text-white @endif @if ($cliente->estado == 'pendiente') bg-yellow-500 @endif ">
|
|
|
|
|
{{ $cliente->estado ?? '' }}
|
|
|
|
|
</p>
|
|
|
|
|
</td>
|
|
|
|
|
@php
|
|
|
|
|
$date1 = new DateTime(strtr(strval($fechaActual), '/', '-'));
|
|
|
|
|
$date2 = new DateTime(strtr(strval($cliente->fecha_final), '/', '-'));
|
|
|
|
|
@endphp
|
|
|
|
|
|
|
|
|
|
@if ($date1 < $date2)
|
|
|
|
|
<td class="pl-2">
|
|
|
|
|
<td>
|
|
|
|
|
@php
|
|
|
|
|
$diff = $date1->diff($date2);
|
|
|
|
|
echo $diff->days . ' dias';
|
|
|
|
@@ -121,7 +123,7 @@
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if ($date1 > $date2)
|
|
|
|
|
<td class="pl-2">
|
|
|
|
|
<td>
|
|
|
|
|
@php
|
|
|
|
|
echo 'Vencido';
|
|
|
|
|
@endphp
|
|
|
|
@@ -129,7 +131,7 @@
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if ($date1 == $date2)
|
|
|
|
|
<td class="pl-2">
|
|
|
|
|
<td>
|
|
|
|
|
@php
|
|
|
|
|
echo 'Vence hoy!!';
|
|
|
|
|
@endphp
|
|
|
|
@@ -137,162 +139,111 @@
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
@if (!empty($cliente->tarifa_id))
|
|
|
|
|
<td class=" w-[1rem]">
|
|
|
|
|
<button
|
|
|
|
|
class="flex m-auto gap-2 items-center bg-[#B221FD] text-white px-4 py-1 rounded-lg"
|
|
|
|
|
wire:click="enviarNotificacion({{ $cliente->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>
|
|
|
|
|
<td class="pl-2 w-[1rem]">
|
|
|
|
|
<svg x-on:click="openOption=!openOption" 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>
|
|
|
|
|
<div x-cloak x-show="openOption"
|
|
|
|
|
class="sm:absolute bg-white text-center w-[8rem] rounded-[1rem] border-b border-gray-200 shadow-lg">
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="verCliente({{ $cliente->id }})"
|
|
|
|
|
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 hover:rounded-t-[1rem]">Ver</button>
|
|
|
|
|
|
|
|
|
|
@if (!empty($cliente->cuentas->first()->estado))
|
|
|
|
|
@if ($cliente->cuentas->first()->estado == 'pendiente' && $cliente->tarifa->servicio->renovacion == true)
|
|
|
|
|
{{-- renovar --}}
|
|
|
|
|
|
|
|
|
|
@if (Auth::user()->saldo->valor >= $cliente->tarifa->valor)
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="renovar({{ $cliente->id }})"
|
|
|
|
|
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300">Renovar</button>
|
|
|
|
|
@else
|
|
|
|
|
<button
|
|
|
|
|
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 active:bg-red-500 active:text-white cursor-not-allowed">Renovar</button>
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
|
|
|
|
|
{{-- whatsapp --}}
|
|
|
|
|
<a x-on:click="openOption=!openOption" target="_blank"
|
|
|
|
|
href="https://wa.me/57{{ $cliente->cliente->celular ?? '' }}?text=Hola *{{ $cliente->cliente->name ?? '' }}* tu servicio de *{{ $cliente->tarifa->servicio->nombre }} de {{ $cliente->tarifa->pantallas }} pantallas * vence el *{{ $cliente->fecha_final }}*"
|
|
|
|
|
class="hover:fill-white fill-gray-500 flex justify-center items-center border-b gap-2 text-gray-500 w-full py-1 hover:bg-[#00be00] hover:text-white border-gray-300 ">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 682 682.66669"
|
|
|
|
|
style="enable-background:new 0 0 512 512" xml:space="preserve"
|
|
|
|
|
class="">
|
|
|
|
|
<path
|
|
|
|
|
d="m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0"
|
|
|
|
|
fill-rule="evenodd" data-original="#000000" class="">
|
|
|
|
|
</path>
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="notSMS({{ $cliente->id }})"
|
|
|
|
|
class="items-center gap-2 justify-center flex fill-gray-500 text-gray-500 w-full py-1 hover:bg-gray-200 border-b md:border-none border-gray-300 hover:md:rounded-b-[1rem]">SMS
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" id="Filled" viewBox="0 0 24 24"
|
|
|
|
|
class="w-4">
|
|
|
|
|
<path
|
|
|
|
|
d="M20,0H4A4,4,0,0,0,0,4V16a4,4,0,0,0,4,4H6.9l4.451,3.763a1,1,0,0,0,1.292,0L17.1,20H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0ZM7,5h5a1,1,0,0,1,0,2H7A1,1,0,0,1,7,5ZM17,15H7a1,1,0,0,1,0-2H17a1,1,0,0,1,0,2Zm0-4H7A1,1,0,0,1,7,9H17a1,1,0,0,1,0,2Z" />
|
|
|
|
|
</svg></button>
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="enviarNotificacion({{ $cliente->id }})"
|
|
|
|
|
class=" md:hidden hover:fill-white fill-gray-500 flex justify-center items-center gap-2 text-gray-500 w-full py-1 hover:bg-[#00be00] hover:text-white border-b border-gray-300 ">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"
|
|
|
|
|
data-original="#000000" class="">
|
|
|
|
|
</path>
|
|
|
|
|
<td class="w-4">
|
|
|
|
|
<div class="flex justify-center items-center gap-2">
|
|
|
|
|
<button class="flex m-auto gap-2 items-center bg-[#B221FD] text-white fill-white px-2 py-1 rounded-md" x-on:click="isOpen1=true">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-5">
|
|
|
|
|
<path d="M405-80q-15 0-26-10t-13-25l-12-93q-13-5-24.5-12T307-235l-87 36q-14 6-28 1.5T170-215L96-344q-8-13-5-28t15-24l75-57q-1-7-1-13.5v-27q0-6.5 1-13.5l-75-57q-12-9-15-24t5-28l74-129q8-13 22-17.5t28 1.5l87 36q11-8 23-15t24-12l12-93q2-15 13-25t26-10h150q15 0 26 10t13 25l12 93q13 5 24.5 12t22.5 15l87-36q14-6 28-1.5t22 17.5l74 129q8 13 5 28t-15 24l-75 57q1 7 1 13.5v27q0 6.5-2 13.5l75 57q12 9 15 24t-5 28l-74 128q-8 13-22.5 18t-28.5-1l-85-36q-11 8-23 15t-24 12l-12 93q-2 15-13 25t-26 10H405Zm35-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<div x-cloak x-show="isOpen1" @click.outside="isOpen1 = false" class="sm:absolute bg-white text-center w-32 rounded-md shadow-md [&>p]:py-1 [&>p]:cursor-pointer overflow-hidden text-gray-800">
|
|
|
|
|
<p class="hover:bg-gray-200" wire:click="verCliente({{ $cliente->id }})">Ver</p>
|
|
|
|
|
@if (!empty($cliente->cuentas->first()->estado))
|
|
|
|
|
@if ($cliente->cuentas->first()->estado == 'pendiente' && $cliente->tarifa->servicio->renovacion == true)
|
|
|
|
|
{{-- renovar --}}
|
|
|
|
|
@if (Auth::user()->saldo->valor >= $cliente->tarifa->valor)
|
|
|
|
|
<p class="hover:bg-gray-200" wire:click="renovar({{ $cliente->id }})">Renovar</p>
|
|
|
|
|
@else
|
|
|
|
|
<p class="active:bg-red-500 active:text-white cursor-not-allowed">Renovar</p>
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<button class="flex m-auto gap-2 items-center bg-[#B221FD] text-white fill-white px-2 py-1 rounded-md" x-on:click="isOpen2=true">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-5">
|
|
|
|
|
<path d="M200-200q-17 0-28.5-11.5T160-240q0-17 11.5-28.5T200-280h40v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h40q17 0 28.5 11.5T800-240q0 17-11.5 28.5T760-200H200Zm280-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<div x-cloak x-show="isOpen2" @click.outside="isOpen2 = false" class="sm:absolute bg-white text-center w-32 rounded-md shadow-md [&>p]:py-1 [&>p]:cursor-pointer overflow-hidden text-gray-800">
|
|
|
|
|
<p class="hover:bg-gray-200 fill-gray-500 flex justify-center items-center gap-2" wire:click="enviarNotificacion({{ $cliente->id }})">
|
|
|
|
|
Notificar
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="w-4" viewBox="0 -960 960 960">
|
|
|
|
|
<path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm640-480L501-453q-5 3-10.5 4.5T480-447q-5 0-10.5-1.5T459-453L160-640v400h640v-400ZM480-520l320-200H160l320 200ZM160-640v10-59 1-32 32-.5 58.5-10 400-400Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="hover:bg-[#00be00] hover:text-white">
|
|
|
|
|
<a x-on:click="openOption=!openOption" target="_blank" href="https://wa.me/57{{ $cliente->cliente->celular ?? '' }}?text=Hola *{{ $cliente->cliente->name ?? '' }}* tu servicio de *{{ $cliente->tarifa->servicio->nombre }} de {{ $cliente->tarifa->pantallas }} pantallas * vence el *{{ $cliente->fecha_final }}*" class="flex justify-center items-center gap-2 w-full hover:fill-white fill-gray-500">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 682 682.66669" style="enable-background:new 0 0 512 512" xml:space="preserve">
|
|
|
|
|
<path d="m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0" fill-rule="evenodd" data-original="#000000" class="">
|
|
|
|
|
</path>
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="hover:bg-gray-200 fill-gray-500 flex justify-center items-center gap-2" wire:click="notSMS({{ $cliente->id }})">
|
|
|
|
|
SMS
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-4">
|
|
|
|
|
<path d="M320-520q17 0 28.5-11.5T360-560q0-17-11.5-28.5T320-600q-17 0-28.5 11.5T280-560q0 17 11.5 28.5T320-520Zm160 0q17 0 28.5-11.5T520-560q0-17-11.5-28.5T480-600q-17 0-28.5 11.5T440-560q0 17 11.5 28.5T480-520Zm160 0q17 0 28.5-11.5T680-560q0-17-11.5-28.5T640-600q-17 0-28.5 11.5T600-560q0 17 11.5 28.5T640-520ZM240-240l-92 92q-19 19-43.5 8.5T80-177v-623q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240Zm-34-80h594v-480H160v525l46-45Zm-46 0v-480 480Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
@elseif(!empty($cliente->promocion_id))
|
|
|
|
|
<td class=" w-[1rem]">
|
|
|
|
|
<button
|
|
|
|
|
class=" md:flex m-auto gap-2 items-center bg-[#B221FD] text-white px-4 py-1 rounded-lg"
|
|
|
|
|
wire:click="enviarNotificacionPromo({{ $cliente->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>
|
|
|
|
|
<td class="w-4">
|
|
|
|
|
<div class="flex justify-center items-center gap-2">
|
|
|
|
|
<button class="flex m-auto gap-2 items-center bg-[#B221FD] text-white fill-white px-2 py-1 rounded-md" x-on:click="isOpen1=true">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-5">
|
|
|
|
|
<path d="M405-80q-15 0-26-10t-13-25l-12-93q-13-5-24.5-12T307-235l-87 36q-14 6-28 1.5T170-215L96-344q-8-13-5-28t15-24l75-57q-1-7-1-13.5v-27q0-6.5 1-13.5l-75-57q-12-9-15-24t5-28l74-129q8-13 22-17.5t28 1.5l87 36q11-8 23-15t24-12l12-93q2-15 13-25t26-10h150q15 0 26 10t13 25l12 93q13 5 24.5 12t22.5 15l87-36q14-6 28-1.5t22 17.5l74 129q8 13 5 28t-15 24l-75 57q1 7 1 13.5v27q0 6.5-2 13.5l75 57q12 9 15 24t-5 28l-74 128q-8 13-22.5 18t-28.5-1l-85-36q-11 8-23 15t-24 12l-12 93q-2 15-13 25t-26 10H405Zm35-80h79l14-106q31-8 57.5-23.5T639-327l99 41 39-68-86-65q5-14 7-29.5t2-31.5q0-16-2-31.5t-7-29.5l86-65-39-68-99 42q-22-23-48.5-38.5T533-694l-13-106h-79l-14 106q-31 8-57.5 23.5T321-633l-99-41-39 68 86 64q-5 15-7 30t-2 32q0 16 2 31t7 30l-86 65 39 68 99-42q22 23 48.5 38.5T427-266l13 106Zm42-180q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Zm-2-140Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
</td>
|
|
|
|
|
<td class="pl-2 w-[1rem]">
|
|
|
|
|
<svg x-on:click="openOption=!openOption" 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>
|
|
|
|
|
<div x-cloak x-show="openOption"
|
|
|
|
|
class="sm:absolute bg-white text-center w-[8rem] rounded-[1rem] border-b border-gray-200 shadow-lg">
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="verCliente({{ $cliente->id }})"
|
|
|
|
|
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 hover:rounded-t-[1rem]">Ver</button>
|
|
|
|
|
{{-- whatsapp --}}
|
|
|
|
|
<a x-on:click="openOption=!openOption" target="_blank"
|
|
|
|
|
href="https://wa.me/57{{ $cliente->cliente->celular ?? '' }}?text=Hola *{{ $cliente->cliente->name ?? '' }}* tu servicio de *{{ $cliente->promocion->nombre }}* vence el *{{ $cliente->fecha_final }}*"
|
|
|
|
|
class="hover:fill-white cursor-pointer fill-gray-500 flex justify-center border-b items-center gap-2 text-gray-500 w-full py-1 hover:bg-[#00be00] hover:text-white border-gray-300 ">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 682 682.66669"
|
|
|
|
|
style="enable-background:new 0 0 512 512" xml:space="preserve"
|
|
|
|
|
class="">
|
|
|
|
|
<path
|
|
|
|
|
d="m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0"
|
|
|
|
|
fill-rule="evenodd" data-original="#000000" class="">
|
|
|
|
|
</path>
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="notSMSpromo({{ $cliente->id }})"
|
|
|
|
|
class="items-center gap-2 justify-center flex fill-gray-500 text-gray-500 w-full py-1 hover:bg-gray-200 border-b md:border-none border-gray-300 hover:md:rounded-b-[1rem]">SMS
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" id="Filled" viewBox="0 0 24 24"
|
|
|
|
|
class="w-4">
|
|
|
|
|
<path
|
|
|
|
|
d="M20,0H4A4,4,0,0,0,0,4V16a4,4,0,0,0,4,4H6.9l4.451,3.763a1,1,0,0,0,1.292,0L17.1,20H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0ZM7,5h5a1,1,0,0,1,0,2H7A1,1,0,0,1,7,5ZM17,15H7a1,1,0,0,1,0-2H17a1,1,0,0,1,0,2Zm0-4H7A1,1,0,0,1,7,9H17a1,1,0,0,1,0,2Z" />
|
|
|
|
|
</svg></button>
|
|
|
|
|
<button x-on:click="openOption=!openOption"
|
|
|
|
|
wire:click="enviarNotificacionPromo({{ $cliente->id }})"
|
|
|
|
|
class=" md:hidden hover:fill-white fill-gray-500 flex justify-center items-center gap-2 text-gray-500 w-full py-1 hover:bg-[#B221FD] hover:text-white border-b border-gray-300 ">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"
|
|
|
|
|
data-original="#000000" class="">
|
|
|
|
|
</path>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
<!--button x-on:click="openOption=!openOption" class="text-gray-500 w-full py-1 hover:bg-gray-200 hover:rounded-b-[1rem]">Renovar</button-->
|
|
|
|
|
|
|
|
|
|
<div x-cloak x-show="isOpen1" @click.outside="isOpen1 = false" class="sm:absolute bg-white text-center w-32 rounded-md shadow-md [&>p]:py-1 [&>p]:cursor-pointer overflow-hidden text-gray-800">
|
|
|
|
|
<p class="hover:bg-gray-200" wire:click="verCliente({{ $cliente->id }})">Ver</p>
|
|
|
|
|
@if (!empty($cliente->cuentas->first()->estado))
|
|
|
|
|
@if ($cliente->cuentas->first()->estado == 'pendiente' && $cliente->tarifa->servicio->renovacion == true)
|
|
|
|
|
{{-- renovar --}}
|
|
|
|
|
@if (Auth::user()->saldo->valor >= $cliente->tarifa->valor)
|
|
|
|
|
<p class="hover:bg-gray-200" wire:click="renovar({{ $cliente->id }})">Renovar</p>
|
|
|
|
|
@else
|
|
|
|
|
<p class="active:bg-red-500 active:text-white cursor-not-allowed">Renovar</p>
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
@endif
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<button class="flex m-auto gap-2 items-center bg-[#B221FD] text-white fill-white px-2 py-1 rounded-md" x-on:click="isOpen2=true">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-5">
|
|
|
|
|
<path d="M200-200q-17 0-28.5-11.5T160-240q0-17 11.5-28.5T200-280h40v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h40q17 0 28.5 11.5T800-240q0 17-11.5 28.5T760-200H200Zm280-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<div x-cloak x-show="isOpen2" @click.outside="isOpen2 = false" class="sm:absolute bg-white text-center w-32 rounded-md shadow-md [&>p]:py-1 [&>p]:cursor-pointer overflow-hidden text-gray-800">
|
|
|
|
|
<p class="hover:bg-gray-200 fill-gray-500 flex justify-center items-center gap-2" wire:click="enviarNotificacionPromo({{ $cliente->id }})">
|
|
|
|
|
Notificar
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="w-4" viewBox="0 -960 960 960">
|
|
|
|
|
<path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm640-480L501-453q-5 3-10.5 4.5T480-447q-5 0-10.5-1.5T459-453L160-640v400h640v-400ZM480-520l320-200H160l320 200ZM160-640v10-59 1-32 32-.5 58.5-10 400-400Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="hover:bg-[#00be00] hover:text-white">
|
|
|
|
|
<a x-on:click="openOption=!openOption" target="_blank" href="https://wa.me/57{{ $cliente->cliente->celular ?? '' }}?text=Hola *{{ $cliente->cliente->name ?? '' }}* tu servicio de *{{ $cliente->promocion->nombre }}* vence el *{{ $cliente->fecha_final }}*" class="flex justify-center items-center gap-2 w-full hover:fill-white fill-gray-500">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 682 682.66669" style="enable-background:new 0 0 512 512" xml:space="preserve">
|
|
|
|
|
<path d="m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0" fill-rule="evenodd" data-original="#000000" class="">
|
|
|
|
|
</path>
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p class="hover:bg-gray-200 fill-gray-500 flex justify-center items-center gap-2" wire:click="notSMSpromo({{ $cliente->id }})">
|
|
|
|
|
SMS
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-4">
|
|
|
|
|
<path d="M320-520q17 0 28.5-11.5T360-560q0-17-11.5-28.5T320-600q-17 0-28.5 11.5T280-560q0 17 11.5 28.5T320-520Zm160 0q17 0 28.5-11.5T520-560q0-17-11.5-28.5T480-600q-17 0-28.5 11.5T440-560q0 17 11.5 28.5T480-520Zm160 0q17 0 28.5-11.5T680-560q0-17-11.5-28.5T640-600q-17 0-28.5 11.5T600-560q0 17 11.5 28.5T640-520ZM240-240l-92 92q-19 19-43.5 8.5T80-177v-623q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240Zm-34-80h594v-480H160v525l46-45Zm-46 0v-480 480Z" />
|
|
|
|
|
</svg>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</td>
|
|
|
|
|
@endif
|
|
|
|
|
</tr>
|
|
|
|
|
@endforeach
|
|
|
|
@@ -537,8 +488,8 @@
|
|
|
|
|
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"
|
|
|
|
|
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
|
|
|
|
@@ -555,8 +506,8 @@
|
|
|
|
|
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"
|
|
|
|
|
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
|
|
|
|
|