82 lines
5.5 KiB
PHP
Executable File
82 lines
5.5 KiB
PHP
Executable File
<x-guest-layout>
|
|
|
|
<!-- Session Status -->
|
|
<x-auth-session-status class="mb-4" :status="session('status')" />
|
|
|
|
<div class="h-full bg-[#000029] overflow-y-auto md:grid md:grid-cols-2 text-center content-center items-center w-full md:flex md:px-5">
|
|
<div class="border mt-2 mb-0 md:mb-8 md:mt-0 mx-auto md:mr-14 border-gray-600/20 rounded-full w-[15rem] md:w-full md:max-w-xl overflow-hidden relative ">
|
|
<img src="{{App\Models\Configuracione::Orderby('id','desc')->first()->url_logo}}" alt="" class="">
|
|
<div class="text-lg text-[#d37bff] w-full absolute bottom-6 md:bottom-10 text-center">
|
|
<a href="#" >@ {{App\Models\Configuracione::Orderby('id','desc')->first()->nombre}}</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mx-auto mt-[-1.5rem] mb-[3.5rem] md:mb-0 flex justify-center w-[17rem] md:max-w-sm md:w-full bg-[#F2F4FF] md:ml-28 px-6 py-5 md:py-10 rounded-lg select-none">
|
|
<form method="POST" action="{{ route('login') }}" class="w-full px-4">
|
|
@csrf
|
|
|
|
<div>
|
|
<!-- Email Address -->
|
|
<div class="mt-4">
|
|
{{-- <x-input-label for="email" :value="__('Email')" /> --}}
|
|
<x-text-input id="email" class="block mt-1 w-full md:text-lg border-none drop-shadow-lg " type="email" name="email" :value="old('email')"
|
|
required
|
|
placeholder="Correo electronico"
|
|
autofocus />
|
|
|
|
<x-input-error :messages="$errors->get('email')" class="mt-2" />
|
|
</div>
|
|
|
|
<!-- Password -->
|
|
<div class="mt-4 relative" x-data="{ver : true , btnOjo : true , btnOjoSlash : false}">
|
|
{{-- <x-input-label for="password" :value="__('Password')" /> --}}
|
|
<x-text-input id="password" class=" block mt-1 w-full md:text-lg border-none drop-shadow-lg pr-10"
|
|
x-bind:type="ver ? 'password' : 'text'"
|
|
name="password"
|
|
required
|
|
placeholder="Contraseña"
|
|
autocomplete="current-password" />
|
|
<svg x-show="btnOjo" x-on:click="ver=false,btnOjoSlash=true,btnOjo=false" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" class="w-4 absolute right-4 top-1/3 fill-slate-600 cursor-pointer"><path d="M23.821,11.181v0C22.943,9.261,19.5,3,12,3S1.057,9.261.179,11.181a1.969,1.969,0,0,0,0,1.64C1.057,14.739,4.5,21,12,21s10.943-6.261,11.821-8.181A1.968,1.968,0,0,0,23.821,11.181ZM12,18a6,6,0,1,1,6-6A6.006,6.006,0,0,1,12,18Z"/><circle cx="12" cy="12" r="4"/></svg>
|
|
<svg x-show="btnOjoSlash" x-on:click="ver=true,btnOjoSlash=false,btnOjo=true" xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" class="w-4 absolute right-4 top-1/3 fill-slate-600 cursor-pointer"><path d="M23.821,11.181v0a15.736,15.736,0,0,0-4.145-5.44l3.032-3.032L21.293,1.293,18,4.583A11.783,11.783,0,0,0,12,3C4.5,3,1.057,9.261.179,11.181a1.969,1.969,0,0,0,0,1.64,15.736,15.736,0,0,0,4.145,5.44L1.293,21.293l1.414,1.414L6,19.417A11.783,11.783,0,0,0,12,21c7.5,0,10.943-6.261,11.821-8.181A1.968,1.968,0,0,0,23.821,11.181ZM6,12a5.99,5.99,0,0,1,9.471-4.885L14.019,8.567A3.947,3.947,0,0,0,12,8a4,4,0,0,0-4,4,3.947,3.947,0,0,0,.567,2.019L7.115,15.471A5.961,5.961,0,0,1,6,12Zm6,6a5.961,5.961,0,0,1-3.471-1.115l1.452-1.452A3.947,3.947,0,0,0,12,16a4,4,0,0,0,4-4,3.947,3.947,0,0,0-.567-2.019l1.452-1.452A5.99,5.99,0,0,1,12,18Z"/></svg> <x-input-error :messages="$errors->get('password')" class="mt-2" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Remember Me -->
|
|
<div class="block mt-4 mb-2 text-left">
|
|
<label for="remember_me" class="inline-flex items-center ">
|
|
<input id="remember_me" type="checkbox" class=" md:text-xl rounded border-gray-300 text-[#B221FD] shadow-sm focus:border-[#B221FD] focus:ring focus:ring-[#B221FD] focus:ring-opacity-50" name="remember">
|
|
<span class="ml-2 text-sm text-gray-600 md:text-base">{{ __('Recordarme') }}</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div>
|
|
<x-primary-button class="w-full justify-center text-center text-base md:text-lg ">
|
|
{{ __('Iniciar Sesión') }}
|
|
</x-primary-button>
|
|
</div>
|
|
|
|
<div class="mt-2 text-center md:text-lg ">
|
|
@if (Route::has('password.request'))
|
|
<a class="underline-none text-sm md:text-base text-[#B221FD] hover:text-[#7a02b8]" href="{{ route('password.request') }}">
|
|
{{ __('¿Olvidaste tu contraseña?') }}
|
|
</a>
|
|
@endif
|
|
</div>
|
|
|
|
{{-- <div class="mt-4 text-center">
|
|
<span class="text-sm text-gray-600 md:text-base">
|
|
¿No tienes una cuenta?
|
|
</span>
|
|
<a href="{{ route('register') }}"
|
|
class="inline-block ml-2 px-4 py-2 bg-[#B221FD] hover:bg-[#7a02b8] text-white text-sm md:text-base font-semibold rounded-md shadow-md transition-all duration-200">
|
|
Crear cuenta
|
|
</a>
|
|
</div> --}}
|
|
</form>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</x-guest-layout>
|