perfiles modal

This commit is contained in:
Felipe
2024-03-04 14:43:09 -05:00
parent fbf6f236d9
commit 3217789967
5 changed files with 12 additions and 28 deletions
@@ -81,7 +81,7 @@
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-100" class="absolute backdrop-blur-sm bg-black/20 left-0 bottom-0 top-0 right-0 h-full">
<div class="grid h-full place-items-center">
<div class="bg-white rounded-lg shadow-md sm:1/2 md:1/2 lg:1/3 xl:w-1/4">
<div class="bg-white rounded-lg shadow-md sm:1/2 md:1/2 lg:1/3 max-h-screen xl:w-1/4">
<div class="w-full Text-left text-white px-4 py-2 rounded-lg" style="background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, {{ $colorFondo_tarjetaPlan }} 0%, rgba(20,20,20,1) 100%);">
<p class="font-bold text-lg mb-2">
@@ -253,7 +253,7 @@
$n++;
@endphp
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex " >
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex justify-between">
<div>
<div class="font-semibold text-gray-700">{{ $cuenta->servicio->nombre }} :</div>
<h1 class="mt-4">
@@ -461,60 +461,44 @@
</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 ">
<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">
<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">
<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">
<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">
<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">
<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">
<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>
<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>
@@ -891,7 +891,7 @@
$n++;
@endphp
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex ">
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex justify-between">
<div>
<h1 class="mt-4">
<div class="font-semibold text-gray-700">
@@ -387,7 +387,7 @@
@php
$n++;
@endphp
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex">
<div class="shadow-md rounded-lg py-3 px-6 mx-8 flex justify-between">
<div>
<h1 class="mt-4">
@if (!empty($cuenta->servicio->ver_url))