573 lines
34 KiB
PHP
573 lines
34 KiB
PHP
<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="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">
|
|
<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">
|
|
<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"
|
|
fill="#b221fd" data-original="#000000" />
|
|
</g>
|
|
</svg>
|
|
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>
|
|
|
|
{{-- 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">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>
|
|
|
|
<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="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="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>
|
|
|
|
|
|
</div>
|
|
@include('layouts.footer')
|
|
</div>
|