656 lines
38 KiB
PHP
Executable File
656 lines
38 KiB
PHP
Executable File
<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,catalogo,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">
|
|
<p class="text-gray-500 text-center">Cargando</p>
|
|
</div>
|
|
</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">
|
|
<x-icon-arrow-right/>
|
|
Configuracion
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- configuracion --}}
|
|
<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:border-r-2">
|
|
<p class="text-left mb-4 lg:mb-0 font-bold text-lg">Información empresa</p>
|
|
<div class="mb-4 grid lg:grid-cols-2 items-center justify-items-center">
|
|
<div>
|
|
<p class="mb-4 lg:mb-0"><label for="imagen"
|
|
class="text-white bg-[#B221FD] hover:bg-[#7a02b8] px-3 py-1 rounded-md cursor-pointer">Subir
|
|
img</label></p>
|
|
<input type="file" name="imagen" id="imagen" wire:model="photo" class="hidden">
|
|
</div>
|
|
<div>
|
|
@if ($photo)
|
|
<img src="{{ $photo->temporaryUrl() }}" alt=""
|
|
class="object-cover rounded-full border-2 border-neutral-200 shadow-md w-28 h-28">
|
|
@else
|
|
<img src="{{ asset($url_logo) }}" alt=""
|
|
class="rounded-full border-2 border-neutral-200 shadow-md w-28 h-28">
|
|
@endif
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<div class="md:mx-8 xl:mx-10">
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-semibold mb-2 text-left">Nombre
|
|
empresa</label>
|
|
<input type="text" placeholder="Nombre" wire:model="nombre"
|
|
class="border-2 border-neutral-200 rounded-[0.8rem] shadow apperance-none focus:border-neutral-300 focus:ring-0 w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="block text-gray-700 text-sm font-semibold mb-2 text-left">Slogan</label>
|
|
<input type="text" placeholder="Slogan" wire:model="slogan"
|
|
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>
|
|
</div>
|
|
|
|
<div class="pl-4 md:mx-6 xl:mx-8">
|
|
<div>
|
|
<p class="text-left mb-4 lg:mb-0 font-bold text-lg">Colores del sitio</p>
|
|
|
|
<div class="mt-4 mb-4 flex justify-between">
|
|
<label class="block text-gray-700 text-sm font-semibold mb-2 text-left">Color botones</label>
|
|
<input type="color" name="" id="" wire:model="color_boton"
|
|
class="border-neutral-200 w-1/2 shadow apperance-none focus:border-neutral-300 focus:ring-0 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
<div class="mb-4 flex justify-between">
|
|
<label class="block text-gray-700 text-sm font-semibold mb-2 text-left">Color barra</label>
|
|
<input type="color" name="" id="" wire:model="color_barra"
|
|
class="border-neutral-200 w-1/2 shadow apperance-none focus:border-neutral-300 focus:ring-0 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
<div class="mb-4 flex justify-between">
|
|
<label class="block text-gray-700 text-sm font-semibold mb-2 text-left">Color menu</label>
|
|
<input type="color" name="" id="" wire:model="color_menu"
|
|
class="border-neutral-200 w-1/2 shadow apperance-none focus:border-neutral-300 focus:ring-0 leading-tight focus:outline-none focus:shadow-outline">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<span class="mt-4 lg:col-span-2 mb-2">
|
|
<button wire:click="guardar"
|
|
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>
|
|
|
|
{{-- Subvendedor --}}
|
|
<div class="bg-white text-center rounded-xl py-4 px-8 shadow-md xl:mx-10 mb-8">
|
|
<div class="flex items-center justify-center gap-2">
|
|
<span class="text-gray-700">Subvendedores</span>
|
|
<label class="relative inline-flex items-center cursor-pointer">
|
|
<input wire:model="subvendedor" type="checkbox" value="" class="sr-only peer">
|
|
<div class="w-11 h-6 bg-gray-200 rounded-full peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 peer-checked:bg-blue-600"></div>
|
|
</label>
|
|
</div>
|
|
|
|
{{-- Boton para guardar subvendedor --}}
|
|
<div class="mt-4">
|
|
<button wire:click="guardarSubvendedor"
|
|
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>
|
|
</div>
|
|
</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 x-data="{ open: false }" class="text-center w-full">
|
|
|
|
<div class="flex items-center mb-2 ">
|
|
<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>
|
|
</button>
|
|
<input type="file" name="img_slider" wire:model="slider" hidden id="img_slider">
|
|
</div>
|
|
|
|
<div x-show="open" 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 ($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">
|
|
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
|
|
<div class="text-left px-3 mr-auto py-2">
|
|
<button
|
|
class=" 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"
|
|
wire:click="guardarSlider">Guardar</button>
|
|
<br>
|
|
<button x-on:click="open = false"
|
|
class=" justify-center rounded-md border border-transparent px-2 py-1 text-white bg-[#ff5050] hover:bg-[#fd3434] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5"
|
|
wire:click="cancelarSlider">Cancelar</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 lg:gap-8 text-center py-2">
|
|
@foreach ($sliders as $slider)
|
|
<div class="text-center">
|
|
<div class="py-2 text-center mx-auto">
|
|
<img class="w-full shadow-lg rounded-lg " src="{{ asset($slider->slider) }}">
|
|
</div>
|
|
<div class="mx-auto">
|
|
<button
|
|
class="block w-20 mx-auto justify-center rounded-md border border-transparent px-2 py-1 text-white bg-[#ff5050] hover:bg-[#fd3434] focus:shadow-outline-green ease-in-out sm-text-sm sm-leading-5"
|
|
wire:click="deleteSlider({{ $slider->id }})">Eliminar</button>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</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="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() }}">
|
|
@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>
|
|
@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>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
{{-- puestos --}}
|
|
<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 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>
|
|
|
|
|
|
<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">
|
|
</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() }}">
|
|
@else
|
|
<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>
|
|
<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">
|
|
</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() }}">
|
|
@else
|
|
<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>
|
|
<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>
|
|
|
|
</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>
|
|
|
|
|
|
<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">
|
|
</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() }}">
|
|
@else
|
|
<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>
|
|
<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">
|
|
</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() }}">
|
|
@else
|
|
<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>
|
|
<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>
|
|
|
|
</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>
|
|
|
|
|
|
<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">
|
|
</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() }}">
|
|
@else
|
|
<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>
|
|
<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">
|
|
</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() }}">
|
|
@else
|
|
<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>
|
|
<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>
|
|
|
|
</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>
|
|
|
|
|
|
<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">
|
|
</div>
|
|
|
|
|
|
</div>
|
|
{{-- 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>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="lg:col-span-2 mb-2">
|
|
<button wire:click="guardarTop"
|
|
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">
|
|
|
|
|
|
<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>
|
|
|
|
|
|
{{-- 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>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mx-auto ">
|
|
<p class="text-left mb-4 font-bold text-lg">Mensaje de compra wp</p>
|
|
|
|
|
|
{{-- 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>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<span class="lg:col-span-2 mb-2">
|
|
<button wire:click="guardarMsjCompra"
|
|
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>
|
|
<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">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="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>
|
|
|
|
</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 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>
|
|
|
|
<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 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="mb-4 flex items-center flex-col gap-4 md:gap-10 lg:gap-20 xl:gap-32">
|
|
|
|
<div class="w-full md:w-auto">
|
|
<label for="catalogo"
|
|
class="cursor-pointer md:w-auto rounded-lg text-[#ffffff] justify-between px-4 md:px-8 py-2 font-semibold text-lg duration-150 drop-shadow-lg flex bg-gray-500 items-center gap-2 md:gap-4">
|
|
Catalogo
|
|
|
|
@if ($catalogo)
|
|
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
|
|
stroke-width="1.5" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
@else
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
|
|
stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round"
|
|
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12">
|
|
</path>
|
|
</svg>
|
|
@endif
|
|
</label>
|
|
|
|
<input type="file" id="catalogo" hidden wire:model="catalogo">
|
|
</div>
|
|
</div>
|
|
|
|
<span class="lg:col-span-2 mb-2">
|
|
|
|
<button wire:click="updateCatalogo" 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="lg:col-span-1 mb-8 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>
|
|
|
|
</div>
|
|
|
|
@include('layouts.footer')
|
|
</div>
|