usite-sas-bic/sirpremiumv2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Felipe
2023-10-23 17:09:05 -05:00
parent 42604a658c
commit fd9afd2183
22 changed files with 844 additions and 515 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/listado-planes.blade.php
+134 -120
View File
@@ -1,129 +1,143 @@
<div>
<tr class="hover:bg-gray-200 hover:ring-gray-500 border-gray-200 text-sm text-left w-full pl-4 @if($historiales >= '1' ) bg-green-200 @endif" x-data="{ openOption: false }">
<td><input type="checkbox" wire:model="delete_1" value="{{$cuenta->id}}"> </td>
<td class="pl-[2rem]">{{ $cuenta->id ?? '' }}</td>
<td class="pl-[2rem]">{{ $cuenta->servicio->nombre ?? '' }}</td>
<tr class="hover:bg-gray-200 hover:ring-gray-500 border-gray-200 text-sm text-left w-full pl-4 @if ($historiales >= '1') bg-green-200 @endif"
x-data="{ openOption: false }">
<td><input type="checkbox" wire:model="delete_1" value="{{ $cuenta->id }}"> </td>
<td class="pl-[2rem]">{{ $cuenta->id ?? '' }}</td>
<td class="pl-[2rem]">{{ $cuenta->servicio->nombre ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm ">{{ $cuenta->correo?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm ">{{ $cuenta->password ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm ">{{ $cuenta->correo ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm ">{{ $cuenta->password ?? '' }}</td>
<td class="pl-[2rem] text-xs hidden md:inline-table">{{ carbon\Carbon::parse($cuenta->inicio)->format('d M Y') ?? '' }} - {{ carbon\Carbon::parse($cuenta->vencimiento)->format('d M Y') ?? '' }}</td>
<td class="pl-[2rem] text-xs hidden md:inline-table">
{{ carbon\Carbon::parse($cuenta->inicio)->format('d M Y') ?? '' }} -
{{ carbon\Carbon::parse($cuenta->vencimiento)->format('d M Y') ?? '' }}</td>
@php
$servicioNom = $cuenta->servicio->nombre ?? '';
$date1 = new DateTime(strtr(strval($fechaActual), '/', '-'));
$date2 = new DateTime(strtr(strval($cuenta->vencimiento), '/', '-'));
@endphp
@if ($date1 < $date2)
<td class="pl-[2rem]">
@php
$diff = $date1->diff($date2);
echo $diff->days . ' dias';
@endphp
</td>
@endif
@php
$servicioNom = $cuenta->servicio->nombre ?? '';
@if ($date1 > $date2)
<td class="pl-[2rem]">
@php
echo 'Vencido';
@endphp
</td>
@endif
$date1 = new DateTime(strtr(strval($fechaActual), '/', '-'));
$date2 = new DateTime(strtr(strval($cuenta->vencimiento), '/', '-'));
@if ($date1 == $date2)
<td class="pl-[2rem]">
@php
echo 'Vence hoy!!';
@endphp
</td>
@endif
<p class="hidden" id="{{ $n }}">{{ $cuenta->servicio->nombre ?? ''}} - email:
{{ $cuenta->correo ?? '' }} - Pass: {{ $cuenta->password ?? '' }}</p>
<td class="pl-[2rem]">@if($cuenta->estado=='pendiente')
@if($cuenta->historiales_count == 0)
<p class="text-green-600 font-semibold"> Disponible </p>
@else
<p class="text-orange-600 font-semibold"> Ocupado </p>
@endif
@endphp
@else
<p class="@if(($cuenta->historiales_count ?? '') == ($cuenta->servicio->pantallas ?? '' )) text-orange-600 font-semibold @else text-green-600 font-semibold @endif"> {{ $cuenta->historiales_count ?? '0' }}/{{$cuenta->servicio->pantallas?? '0'}} @endif @if($historiales >= '1')<span class="text-green-500 px-2 py-1 rounded-full bg-green-300">{{$historiales}}</span> </p> @endif
</td>
<td class="pl-[2rem] text-sm">@if ($cuenta->estado == 'pendiente') Cuenta completa @elseif($cuenta->estado == 'activo') Pantallas @else Inactiva @endif</td>
<td class="m-auto hidden md:inline-table">
<button x-on:click="ver=true"
wire:click="ver({{ $cuenta->id }},'{{ $servicioNom }}')"
class="bg-[#B221FD] hover:bg-[#7a02b8] text-white px-4 py-1 rounded-lg">Ver</button>
</td>
<td class="pl-2">
<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,ver=true"
wire:click="ver({{ $cuenta->id }},'{{ $servicioNom }}')"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 hover:rounded-t-[1rem]">Ver
usuarios</button>
<button x-on:click="openOption=false,observacionesm1=true"
wire:click="verObservacion1({{ $cuenta->id }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">+
Nota</button>
<button x-on:click="openOption=false,observacionesm1=true"
wire:click="verObservacion1({{ $cuenta->id }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">+
Nota</button>
<button x-on:click="openOption=false"
onclick="copiarAlPortapapeles({{ $n }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Copiar
cuenta</button>
@if (auth()->user()->rol->nombre != "editor")
<button x-on:click="openOption=false"
wire:click="delete_cuenta({{ $cuenta->id }})"
class="text-white w-full py-1 bg-[#ff5050] rounded-b-[1rem] hover:bg-[#fd2828] hover:rounded-b-[1rem]">Eliminar</button>
@endif
</div>
</td>
<td class="pl-2 md:inline-table">
@if(!empty($cuenta->observaciones))
<div class="cursor-pointer" x-on:click="openOption=false,observacionesm1=true" title="{{$cuenta->observaciones}}" wire:click="verObservacion1({{ $cuenta->id }})" >
<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 text-green-700">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
</svg>
</div>
@else
<div x-on:click="openOption=false,observacionesm1=true" title="Sin obversaciones"
wire:click="verObservacion1({{ $cuenta->id }})">
<svg class="w-7 cursor-pointer"
xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"
x="0" y="0" viewBox="0 0 32 32"
style="enable-background:new 0 0 512 512" xml:space="preserve" class="">
<g>
<g id="Layer_57" data-name="Layer 57">
<path
d="m23 28a3 3 0 0 0 3-3v-13.17a3 3 0 0 0 -.88-2.12l-4.83-4.83a3 3 0 0 0 -2.12-.88h-8.17a3 3 0 0 0 -3 3v18a3 3 0 0 0 3 3zm-.41-18h-1.59a1 1 0 0 1 -1-1v-1.59zm-13.59 15v-18a1 1 0 0 1 1-1h8v3a3 3 0 0 0 3 3h3v13a1 1 0 0 1 -1 1h-13a1 1 0 0 1 -1-1z"
fill="#d3b637" data-original="#000000" class=""></path>
<path
d="m12.5 19.5h2.5v2.5a1 1 0 0 0 2 0v-2.5h2.5a1 1 0 0 0 0-2h-2.5v-2.5a1 1 0 0 0 -2 0v2.5h-2.5a1 1 0 0 0 0 2z"
fill="#d3b637" data-original="#000000" class=""></path>
</g>
@if ($date1 < $date2)
<td class="pl-[2rem]">
@php
$diff = $date1->diff($date2);
echo $diff->days . ' dias';
@endphp
</td>
@endif
@if ($date1 > $date2)
<td class="pl-[2rem]">
@php
echo 'Vencido';
@endphp
</td>
@endif
@if ($date1 == $date2)
<td class="pl-[2rem]">
@php
echo 'Vence hoy!!';
@endphp
</td>
@endif
<p class="hidden" id="{{ $n }}">{{ $cuenta->servicio->nombre ?? '' }} - email:
{{ $cuenta->correo ?? '' }} - Pass: {{ $cuenta->password ?? '' }}</p>
<td class="pl-[2rem]">
@if ($cuenta->estado == 'pendiente')
@if ($cuenta->historiales_count == 0)
<p class="text-green-600 font-semibold"> Disponible </p>
@else
<p class="text-orange-600 font-semibold"> Ocupado </p>
@endif
@else
<p
class="@if (($cuenta->historiales_count ?? '') == ($cuenta->servicio->pantallas ?? '')) text-orange-600 font-semibold @else text-green-600 font-semibold @endif">
{{ $cuenta->historiales_count ?? '0' }}/{{ $cuenta->servicio->pantallas ?? '0' }} @endif
@if ($historiales >= '1')
<span class="text-green-500 px-2 py-1 rounded-full bg-green-300">{{ $historiales }}</span>
</p>
@endif
</td>
<td class="pl-[2rem] text-sm">
@if ($cuenta->estado == 'pendiente')
Cuenta completa
@elseif($cuenta->estado == 'activo')
Pantallas
@else
Inactiva
@endif
</td>
<td class="m-auto hidden md:inline-table">
<button x-on:click="ver=true" wire:click="ver({{ $cuenta->id }},'{{ $servicioNom }}')"
class="bg-[#B221FD] hover:bg-[#7a02b8] text-white px-4 py-1 rounded-lg">Ver</button>
</td>
<td class="pl-2">
<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,ver=true"
wire:click="ver({{ $cuenta->id }},'{{ $servicioNom }}')"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 hover:rounded-t-[1rem]">Ver
usuarios</button>
<button x-on:click="openOption=false,observacionesm1=true"
wire:click="verObservacion1({{ $cuenta->id }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">+
Nota</button>
<button x-on:click="openOption=false,observacionesm1=true"
wire:click="verObservacion1({{ $cuenta->id }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">+
Nota</button>
<button x-on:click="openOption=false" onclick="copiarAlPortapapeles({{ $n }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Copiar
cuenta</button>
@if (auth()->user()->rol->nombre != 'editor')
<button x-on:click="openOption=false" wire:click="delete_cuenta({{ $cuenta->id }})"
class="text-white w-full py-1 bg-[#ff5050] rounded-b-[1rem] hover:bg-[#fd2828] hover:rounded-b-[1rem]">Eliminar</button>
@endif
</div>
</td>
<td class="pl-2 md:inline-table">
@if (!empty($cuenta->observaciones))
<div class="cursor-pointer" x-on:click="openOption=false,observacionesm1=true"
title="{{ $cuenta->observaciones }}" wire:click="verObservacion1({{ $cuenta->id }})">
<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 text-green-700">
<path stroke-linecap="round" stroke-linejoin="round"
d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
</svg>
</div>
@else
<div x-on:click="openOption=false,observacionesm1=true" title="Sin obversaciones"
wire:click="verObservacion1({{ $cuenta->id }})">
<svg class="w-7 cursor-pointer" xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" x="0" y="0"
viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve"
class="">
<g>
<g id="Layer_57" data-name="Layer 57">
<path
d="m23 28a3 3 0 0 0 3-3v-13.17a3 3 0 0 0 -.88-2.12l-4.83-4.83a3 3 0 0 0 -2.12-.88h-8.17a3 3 0 0 0 -3 3v18a3 3 0 0 0 3 3zm-.41-18h-1.59a1 1 0 0 1 -1-1v-1.59zm-13.59 15v-18a1 1 0 0 1 1-1h8v3a3 3 0 0 0 3 3h3v13a1 1 0 0 1 -1 1h-13a1 1 0 0 1 -1-1z"
fill="#d3b637" data-original="#000000" class=""></path>
<path
d="m12.5 19.5h2.5v2.5a1 1 0 0 0 2 0v-2.5h2.5a1 1 0 0 0 0-2h-2.5v-2.5a1 1 0 0 0 -2 0v2.5h-2.5a1 1 0 0 0 0 2z"
fill="#d3b637" data-original="#000000" class=""></path>
</g>
</svg>
</div>
@endif
</td>
</tr>
</div>
</g>
</svg>
</div>
@endif
</td>
</tr>
</div>
resources/views/layouts/navigation.blade.php
+2 -1
View File
@@ -98,8 +98,9 @@ x-data="{ menuG:false}"
<li class="flex align-center flex-col">
<h4 @click="selected !== 0 ? selected = 0 : selected = null"
class="cursor-pointer px-5 py-3 bg-[#b221fd] text-white text-center inline-block hover:bg-[#7a02b8] hover:shadow rounded-lg">Admin</h4>
<p class="absolute bg-[#f2f4ff] rounded-md -top-[150%] -right-[20%] sm:-right-[55%] " x-show="selected == 0" >
<p class="absolute bg-[#f2f4ff] rounded-md -top-[180%] -right-[20%] sm:-right-[55%] " x-show="selected == 0" >
<a class="block cursor-pointer hover:rounded-t-md rounded-t-md text-center hover:bg-[#d1d3e1] border-b w-full px-3 py-1" href="{{ route('planes') }}">Gestión Planes</a>
<a class="block cursor-pointer hover:rounded-t-md rounded-t-md text-center hover:bg-[#d1d3e1] border-b w-full px-3 py-1" href="{{ route('pendientes') }}">Gestión Pendientes</a>
<a class="block cursor-pointer hover:rounded-b-md rounded-b-md text-center hover:bg-[#d1d3e1] w-full px-3 py-1" href="{{ route('import') }}">Importar cuentas</a>
@if (auth()->user()->rol->nombre == "super" || auth()->user()->rol->nombre == "administrador")
<a class="block cursor-pointer text-center hover:bg-[#d1d3e1] border-b w-full px-3 py-1" href="{{ route('promociones') }}">Gestión Promociones</a>
resources/views/livewire/bell.blade.php
+1 -1
View File
@@ -21,7 +21,7 @@
<p class="text-sm">
{{ $item->descripcion }}
</p>
@if (!$item->todos)
@if (!$item->todos || Auth::user()->rol->nombre == 'administrador')
<span class="text-red-500 font-semibold absolute top-0 right-2 cursor-pointer select-none" wire:click="deleteNotificacion({{ $item->id }})" wire:loading.remove>
x
</span>
resources/views/livewire/show-configuracion.blade.php
+309 -236
View File
@@ -1,5 +1,6 @@
<div 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="guardar,guardarSlider,slider,cancelarSlider,deleteSlider,confirmed">>
<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="guardar,guardarSlider,slider,cancelarSlider,deleteSlider,confirmed,guardarNoti">
<div class="grid h-full place-items-center ">
<div class="max-w-xs">
<img src="./img/loading.gif" alt="" class="w-full text-center">
@@ -8,14 +9,14 @@
</div>
</div>
<div class="bg-[#f5f5f5] md:w-[100%] m-auto p-2 md:p-5 rounded-[1.2rem] relative mb-4">
<div class="flex justify-between my-2 items-center">
<div class="flex items-center gap-4">
<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"
@@ -87,7 +88,7 @@
</div>
</div>
</div>
@@ -100,7 +101,7 @@
</div>
{{-- Slider --}}
<div class="bg-white grid grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 my-8">
<div class="bg-white grid grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 my-8">
<div x-data="{ open: false }" class="text-center w-full">
@@ -108,7 +109,8 @@
<div class="text-left mb-4 lg:mb-0 font-bold text-lg">Gestión de Slider</div>
<button
class="inline-flex ml-5 rounded-md border border-transparent 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"
x-on:click="open = true"><label class="px-4 py-2 cursor-pointer" for="img_slider"> Añadir </label>
x-on:click="open = true"><label class="px-4 py-2 cursor-pointer" for="img_slider"> Añadir
</label>
</button>
<input type="file" name="img_slider" wire:model="slider" hidden id="img_slider">
</div>
@@ -117,15 +119,15 @@
<div class="md:flex items-center shadow-2xl rounded-lg py-4 px-2 mb-2 mx-auto max-w-lg ">
<div class="ml-auto ">
@if ($slider)
<img class="w-64 shadow-lg rounded-lg" src="{{ $slider->temporaryUrl() }}">
@else
<div class="w-full md:w-64 h-32 shadow rounded-lg text-center bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500">
<img class="w-64 shadow-lg rounded-lg" src="{{ $slider->temporaryUrl() }}">
@else
<div
class="w-full md:w-64 h-32 shadow rounded-lg text-center bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500">
</div>
@endif
</div>
@endif
</div>
<div class="text-left px-3 mr-auto py-2">
<button
@@ -157,39 +159,41 @@
</div>
</div >
</div>
{{-- distribuidor --}}
<div class="bg-white grid grid-cols-1 lg:grid-cols-2 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-2">
<p class="text-left mb-4 font-bold text-lg">Distribuidor</p>
{{-- img distribuidor --}}
<div class="text-center ">
<div class="text-center ">
<div class="md:flex items-center shadow-2xl rounded-lg py-4 px-2 mb-2 mx-auto max-w-lg ">
<div class="ml-auto ">
@if ($photo_top)
<img class="w-full md:w-64 h-32 shadow-lg rounded-lg object-cover" src="{{ $photo_top->temporaryUrl() }}">
<img class="w-full md:w-64 h-32 shadow-lg rounded-lg object-cover"
src="{{ $photo_top->temporaryUrl() }}">
@else
<div class="w-full md:w-64 h-32 shadow rounded-lg text-center bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 object-cover">
<img src="{{asset($img_top) ?? ''}}" alt="" class="object-cover w-full h-full">
</div>
<div
class="w-full md:w-64 h-32 shadow rounded-lg text-center bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 object-cover">
<img src="{{ asset($img_top) ?? '' }}" alt=""
class="object-cover w-full h-full">
</div>
@endif
</div>
<div class="text-left px-3 mr-auto py-2">
<label for="photo_top"
class=" cursor-pointer justify-center rounded-md border border-transparent px-2 py-1 mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Subir
img</label>
<input type="file" name="imagen_distribuidor" id="photo_top" wire:model="photo_top"
hidden>
class=" cursor-pointer justify-center rounded-md border border-transparent px-2 py-1 mb-2 text-white bg-[#B221FD] hover:bg-[#7a02b8] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Subir
img</label>
<input type="file" name="imagen_distribuidor" id="photo_top" wire:model="photo_top"
hidden>
</div>
</div>
@@ -202,203 +206,215 @@
<div class="text-center">
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 1</label>
<div class="my-2 text-center">
@if ($imgP1)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP1->temporaryUrl() }}">
@else
<img src="{{asset($top_1) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<div class="my-2 text-center">
@if ($imgP1)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP1->temporaryUrl() }}">
@else
<img src="{{ asset($top_1) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP1" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP1"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP1" id="imgP1" wire:model="imgP1" hidden>
<input type="text" placeholder="Premio" wire:model="premio_1"
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">
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>
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 2</label>
<div class="my-2 text-center">
@if ($imgP2)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP2->temporaryUrl() }}">
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP2->temporaryUrl() }}">
@else
<img src="{{asset($top_2) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
<img src="{{ asset($top_2) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP2" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP2"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP2" id="imgP2" wire:model="imgP2" hidden>
<input type="text" placeholder="Premio" wire:model="premio_2"
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">
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>
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 3</label>
<div class="my-2 text-center">
@if ($imgP3)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP3->temporaryUrl() }}">
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP3->temporaryUrl() }}">
@else
<img src="{{asset($top_3) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
<img src="{{ asset($top_3) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP3" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP3"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP3" id="imgP3" wire:model="imgP3" hidden>
<input type="text" placeholder="Premio" wire:model="premio_3"
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>
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>
<div class="mb-4 flex justify-around py-2">
<div class="text-center">
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 4</label>
<div class="my-2 text-center">
@if ($imgP4)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP4->temporaryUrl() }}">
@else
<img src="{{asset($top_4) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<div class="my-2 text-center">
@if ($imgP4)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP4->temporaryUrl() }}">
@else
<img src="{{ asset($top_4) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP4" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP4"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP4" id="imgP4" wire:model="imgP4" hidden>
<input type="text" placeholder="Premio" wire:model="premio_4"
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">
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>
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 5</label>
<div class="my-2 text-center">
@if ($imgP5)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP5->temporaryUrl() }}">
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP5->temporaryUrl() }}">
@else
<img src="{{asset($top_5) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
<img src="{{ asset($top_5) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP5" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP5"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP5" id="imgP5" wire:model="imgP5" hidden>
<input type="text" placeholder="Premio" wire:model="premio_5"
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">
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>
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 6</label>
<div class="my-2 text-center">
@if ($imgP6)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP6->temporaryUrl() }}">
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP6->temporaryUrl() }}">
@else
<img src="{{asset($top_6) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
<img src="{{ asset($top_6) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP6" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP6"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP6" id="imgP6" wire:model="imgP6" hidden>
<input type="text" placeholder="Premio" wire:model="premio_6"
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>
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>
<div class="mb-4 flex justify-around py-2">
<div class="text-center">
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 7</label>
<div class="my-2 text-center">
@if ($imgP7)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP7->temporaryUrl() }}">
@else
<img src="{{asset($top_7) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<div class="my-2 text-center">
@if ($imgP7)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP7->temporaryUrl() }}">
@else
<img src="{{ asset($top_7) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP7" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP7"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP7" id="imgP7" wire:model="imgP7" hidden>
<input type="text" placeholder="Premio" wire:model="premio_7"
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">
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>
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 8</label>
<div class="my-2 text-center">
@if ($imgP8)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP8->temporaryUrl() }}">
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP8->temporaryUrl() }}">
@else
<img src="{{asset($top_8) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
<img src="{{ asset($top_8) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP8" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP8"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP8" id="imgP8" wire:model="imgP8" hidden>
<input type="text" placeholder="Premio" wire:model="premio_8"
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">
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>
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 9</label>
<div class="my-2 text-center">
@if ($imgP9)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP9->temporaryUrl() }}">
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP9->temporaryUrl() }}">
@else
<img src="{{asset($top_9) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
<img src="{{ asset($top_9) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP9" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP9"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP9" id="imgP9" wire:model="imgP9" hidden>
<input type="text" placeholder="Premio" wire:model="premio_9"
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>
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>
<div class="mb-4 flex justify-around py-2">
<div class="text-center">
<label class="sm:block text-gray-700 text-sm font-semibold mb-2 text-center">Puesto 10</label>
<div class="my-2 text-center">
@if ($imgP10)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover" src="{{ $imgP10->temporaryUrl() }}">
@else
<img src="{{asset($top_10) ?? ''}}" alt="" class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<div class="my-2 text-center">
@if ($imgP10)
<img class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover"
src="{{ $imgP10->temporaryUrl() }}">
@else
<img src="{{ asset($top_10) ?? '' }}" alt=""
class="w-12 h-12 shadow-lg rounded-lg mx-auto object-cover">
@endif
</div>
<label for="imgP10" class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<label for="imgP10"
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-1 sm:px-3 py-1 rounded-md cursor-pointer">img</label>
<input type="file" name="imgP10" id="imgP10" wire:model="imgP10" hidden>
<input type="text" placeholder="Premio" wire:model="premio_10"
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">
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>
{{-- mensaje --}}
{{-- mensaje --}}
<div class="mb-4">
<label for="mensaje" class="block text-gray-700 text-sm font-bold text-left mb-2">Mensaje:</label>
<textarea type="text" id="mensaje" wire:model="mensaje_top" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
<label for="mensaje"
class="block text-gray-700 text-sm font-bold text-left mb-2">Mensaje:</label>
<textarea type="text" id="mensaje" wire:model="mensaje_top"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
</div>
</div>
@@ -407,23 +423,25 @@
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
</div>
{{-- Msj de compra--}}
<div class="bg-white grid grid-cols-1 lg:grid-cols-2 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
{{-- Msj de compra --}}
<div class="bg-white grid grid-cols-1 lg:grid-cols-2 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-2 flex">
<div class="mx-auto ">
<p class="text-left mb-4 font-bold text-lg">Mensaje de compra html</p>
<p class="text-left mb-4 font-bold text-lg">Mensaje de compra html</p>
{{-- mensaje --}}
{{-- mensaje --}}
<div class="mb-4">
<label for="mensaje" class="block text-gray-700 text-sm font-bold text-left mb-2">Mensaje:</label>
<textarea type="text" id="mensaje" rows="10" wire:model="mensaje_msj_compra" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
<label for="mensaje"
class="block text-gray-700 text-sm font-bold text-left mb-2">Mensaje:</label>
<textarea type="text" id="mensaje" rows="10" wire:model="mensaje_msj_compra"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
</div>
</div>
@@ -432,12 +450,14 @@
{{-- mensaje --}}
<div class="mb-4">
<label for="mensaje" class="block text-gray-700 text-sm font-bold text-left mb-2">Mensaje:</label>
<textarea type="text" id="mensaje" rows="10" wire:model="mensaje_msj_wp" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
<div class="mb-4">
<label for="mensaje"
class="block text-gray-700 text-sm font-bold text-left mb-2">Mensaje:</label>
<textarea type="text" id="mensaje" rows="10" wire:model="mensaje_msj_wp"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"></textarea>
</div>
</div>
</div>
</div>
<span class="lg:col-span-2 mb-2">
@@ -445,128 +465,181 @@
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
</div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-2 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-2 flex">
<div class="mx-auto ">
<p class="text-left mb-4 font-bold text-lg">Claves perfil netflix</p>
<p class="text-left mb-4 font-bold text-lg">Claves perfil netflix</p>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 1</label>
<input type="text" id="clave_1" wire:model="clave_1" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 2 </label>
<input type="text" id="clave_1" wire:model="clave_2" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 3</label>
<input type="text" id="clave_1" wire:model="clave_3" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 4</label>
<input type="text" id="clave_1" wire:model="clave_4" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 5</label>
<input type="text" id="clave_1" wire:model="clave_5" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 6</label>
<input type="text" id="clave_1" wire:model="clave_6" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
</div>
</div>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardarclaves"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
</div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-1 ">
<div class="mx-auto ">
<p class="text-left mb-4 font-bold text-lg">URL IPTV</p>
<div class="mb-4">
<label for="IPTV" class="block text-gray-700 text-sm font-bold text-left mb-2">URL</label>
<input type="text" id="IPTV" wire:model="iptv" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
1</label>
<input type="text" id="clave_1" wire:model="clave_1"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil 2
</label>
<input type="text" id="clave_1" wire:model="clave_2"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
3</label>
<input type="text" id="clave_1" wire:model="clave_3"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
4</label>
<input type="text" id="clave_1" wire:model="clave_4"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
5</label>
<input type="text" id="clave_1" wire:model="clave_5"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="clave_1" class="block text-gray-700 text-sm font-bold text-left mb-2">Perfil
6</label>
<input type="text" id="clave_1" wire:model="clave_6"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
</div>
</div>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardarclaves"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
</div>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardariptv"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-1 ">
<div class="mx-auto ">
<p class="text-left mb-4 font-bold text-lg">URL IPTV</p>
<div class="mb-4">
<label for="IPTV" class="block text-gray-700 text-sm font-bold text-left mb-2">URL</label>
<input type="text" id="IPTV" wire:model="iptv"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
</div>
</div>
</div>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardariptv"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
</div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-1 ">
<div class="mx-auto ">
<p class="text-left mb-4 font-bold text-lg">Notificaciones globales</p>
<div class="mb-4">
<label for="titulo_noti"
class="block text-gray-700 text-sm font-bold text-left mb-2">Titulo</label>
<input type="text" id="titulo_noti" wire:model.lazy="titulo_noti"
placeholder="Titulo de notificacion"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<div class="mb-4">
<label for="IPTV"
class="block text-gray-700 text-sm font-bold text-left mb-2">Descripción</label>
<textarea placeholder="Descripción de notificacion"
class="border-2 border-neutral-200 rounded-xl shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
name="descripcion_noti" id="descripcion_noti" wire:model.lazy="descripcion_noti" rows="6"></textarea>
</div>
<div class="lg:col-span-1 ">
<div class="mx-auto ">
<div class="mb-4">
<label for="destinatario_noti"
class="block text-gray-700 text-sm font-bold text-left mb-2">Usuarios</label>
<select name="destinatario_noti" id="destinatario_noti" wire:model.lazy="destinatario_noti"
class="w-full border-2 border-neutral-200 rounded-xl shadow apperance-none ring-0 focus:ring-0 focus:border-neutral-300 py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
<option value="todos" selected>Todos</option>
@foreach ($usuarios as $usuario)
<option value="{{ $usuario->id }}">{{ $usuario->name ?? '' }} - {{ $usuario->email }}</option>
@endforeach
</select>
</div>
</div>
</div>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardarNoti"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Guardar</button>
</span>
</div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-1 ">
<div class="mx-auto ">
<p class="text-left mb-4 font-bold text-lg">Área critica</p>
<button class="px-2 bg-red-500 text-white rounded py-1" wire:click="eliminarC">Eliminar cuentas</button>
<button class="px-2 bg-red-500 text-white rounded py-1" wire:click="eliminarR">Desasociar cuentas</button>
<button class="px-2 bg-red-500 text-white rounded py-1" wire:click="eliminarH">Eliminar historial</button>
<button class="px-2 bg-red-500 text-white rounded py-1" wire:click="eliminarC">Eliminar
cuentas</button>
<button class="px-2 bg-red-500 text-white rounded py-1" wire:click="eliminarR">Desasociar
cuentas</button>
<button class="px-2 bg-red-500 text-white rounded py-1" wire:click="eliminarH">Eliminar
historial</button>
</div>
</div>
</div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
</div>
<div class="bg-white grid grid-cols-1 lg:grid-cols-1 text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
<div class="lg:col-span-1 ">
<div class="lg:col-span-1 ">
<div class="mb-4">
<label for="Notificacion" class="block text-gray-700 text-sm font-bold text-left mb-2">Hora de notificación</label>
<input type="text" id="Notificacion" wire:model="notificacion" class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<label for="Notificacion" class="block text-gray-700 text-sm font-bold text-left mb-2">Hora de
notificación</label>
<input type="text" id="Notificacion" wire:model="notificacion"
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:ring-0 focus:border-neutral-300 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
</div>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardarnot"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
<span class="lg:col-span-2 mb-2">
<button wire:click="guardarnot"
class="inline-flex justify-center 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 ease-in-out sm-text-sm sm-leading-5">Actualizar</button>
</span>
</div>
</div>
</div>
</div>
<div class="lg:col-span-1 mb-4 text-center">
<div class="lg:col-span-1 mb-4 text-center">
<button wire:click="eliminarCache"
class=" mx-auto inline-flex justify-center rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-red-500 hover:bg-red-700 focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Eliminar cache</button>
</span>
class=" mx-auto inline-flex justify-center rounded-md border border-transparent px-4 py-2 sm:mb-[0] mb-2 text-white bg-red-500 hover:bg-red-700 focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5">Eliminar
cache</button>
</span>
</div>
@include('layouts.footer')
</div>
</div>
@include('layouts.footer')
</div>
resources/views/livewire/show-pendientes.blade.php
+99
View File
@@ -0,0 +1,99 @@
<div class="bg-[#f5f5f5] md:w-[100%] m-auto p-2 md:p-5 rounded-[1.2rem] relative mb-4">
<x-ver-entrada />
<x-primary-table>
<x-slot name="thead">
<tr class="text-left">
<th class="rounded-l-lg font-normal pl-[2rem]"></th>
<th class="font-normal pl-[2rem]">id</th>
<th class="font-normal pl-[2rem]">Servicio</th>
<th class="font-normal pl-[2rem]">Cantidad</th>
<th class="font-normal pl-[2rem]">Estado</th>
<th class="font-normal pl-[2rem]">Fecha</th>
<th class="font-normal rounded-r-lg"></th>
</tr>
</x-slot>
<x-slot name="tbody">
@foreach ($consulta as $item)
<tr class="hover:bg-gray-200 hover:ring-gray-500 border-gray-200 text-sm text-left w-full pl-4" x-data="{ openOption: false }">
{{-- <td class="hidden"><input type="checkbox" wire:model="delete_1" value="{{ $item->id }}"> </td> --}}
<td class=""></td>
<td class="pl-[2rem]">{{ $item->id ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm">{{ $item->servicio->nombre ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm">{{ $item->cantidad ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm">{{ $item->estado ?? '' }}</td>
<td class="pl-[2rem] text-xs sm:text-sm">
{{ carbon\Carbon::parse($item->created_at)->format('d M Y') ?? '' }}
</td>
{{-- <td class="pl-2">
<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,ver=true"
wire:click="ver({{ $item->id }},'{{ $servicioNom }}')"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 hover:rounded-t-[1rem]">Ver
usuarios</button>
<button x-on:click="openOption=false,observacionesm1=true"
wire:click="verObservacion1({{ $item->id }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">+
Nota</button>
<button x-on:click="openOption=false,observacionesm1=true"
wire:click="verObservacion1({{ $item->id }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">+
Nota</button>
<button x-on:click="openOption=false" onclick="copiarAlPortapapeles({{ $n }})"
class="text-gray-500 w-full py-1 hover:bg-gray-200 border-b border-gray-300 ">Copiar
item</button>
@if (auth()->user()->rol->nombre != 'editor')
<button x-on:click="openOption=false" wire:click="delete_item({{ $item->id }})"
class="text-white w-full py-1 bg-[#ff5050] rounded-b-[1rem] hover:bg-[#fd2828] hover:rounded-b-[1rem]">Eliminar</button>
@endif
</div>
</td>
<td class="pl-2 md:inline-table">
@if (!empty($item->observaciones))
<div class="cursor-pointer" x-on:click="openOption=false,observacionesm1=true"
title="{{ $item->observaciones }}" wire:click="verObservacion1({{ $item->id }})">
<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 text-green-700">
<path stroke-linecap="round" stroke-linejoin="round"
d="M8.625 9.75a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 01.778-.332 48.294 48.294 0 005.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
</svg>
</div>
@else
<div x-on:click="openOption=false,observacionesm1=true" title="Sin obversaciones"
wire:click="verObservacion1({{ $item->id }})">
<svg class="w-7 cursor-pointer" xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"
x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512"
xml:space="preserve" class="">
<g>
<g id="Layer_57" data-name="Layer 57">
<path
d="m23 28a3 3 0 0 0 3-3v-13.17a3 3 0 0 0 -.88-2.12l-4.83-4.83a3 3 0 0 0 -2.12-.88h-8.17a3 3 0 0 0 -3 3v18a3 3 0 0 0 3 3zm-.41-18h-1.59a1 1 0 0 1 -1-1v-1.59zm-13.59 15v-18a1 1 0 0 1 1-1h8v3a3 3 0 0 0 3 3h3v13a1 1 0 0 1 -1 1h-13a1 1 0 0 1 -1-1z"
fill="#d3b637" data-original="#000000" class=""></path>
<path
d="m12.5 19.5h2.5v2.5a1 1 0 0 0 2 0v-2.5h2.5a1 1 0 0 0 0-2h-2.5v-2.5a1 1 0 0 0 -2 0v2.5h-2.5a1 1 0 0 0 0 2z"
fill="#d3b637" data-original="#000000" class=""></path>
</g>
</g>
</svg>
</div>
@endif
</td> --}}
</tr>
@endforeach
</x-slot>
<x-slot name="tlink">
{{ $consulta->links() }}
</x-slot>
</x-primary-table>
</div>
resources/views/menu/pendientes.blade.php
+7
View File
@@ -0,0 +1,7 @@
<x-app-layout>
<div class="pb-4">
<livewire:show-pendientes />
</div>
@include('layouts.footer')
</x-app-layout>